*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Inter Tight Variable,Inter Tight,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-primary: #0af;--color-primary-hover: #42baf3;--color-primary-soft: rgba(0, 170, 255, .12);--color-bg: #1b1e25;--color-surface: #242b34;--color-surface-elevated: #2e3540;--color-text: #ffffff;--color-text-muted: #9ba3ac;--color-border: #2f3034;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-ad-bg: #2e3540;--color-ad-text: #6b7280;--color-overlay: rgba(0, 0, 0, .6);--color-modal-bg: #0f2b46;--color-map-bg: #8fd0e2;--color-country: #bbecd8;--color-country-hover: #d8f4e6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--header-height: 56px;--ad-height-mobile: 50px;--ad-height-desktop: 90px}.app{display:flex;flex-direction:column;min-height:100dvh}.header{height:var(--header-height);display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header__title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.app__main{flex:1;display:flex;flex-direction:column;min-height:0}.home{max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4);width:100%}.home__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-md)}.home__title{font-size:1.5rem;margin-bottom:var(--space-2);text-align:center}.home__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-5)}.home__intro{background:var(--color-surface);border-bottom:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);line-height:1.6}.home__intro-inner{max-width:720px;margin:0 auto;padding:var(--space-3) var(--space-4)}.picker{display:flex;flex-direction:column;gap:var(--space-3)}.picker__label{font-weight:600;font-size:.95rem}.picker__select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:1rem;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba3ac' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.picker__select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.picker__search{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem}.picker__search:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.picker__list{max-height:320px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.picker__item{padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s ease}.picker__item:last-child{border-bottom:none}.picker__item:hover,.picker__item:focus{background:var(--color-primary-soft)}.picker__item--selected{background:var(--color-primary);color:#fff}.picker__item--selected:hover{background:var(--color-primary-hover)}.diff{display:flex;gap:var(--space-2)}.diff__option{flex:1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:center;font-weight:500;transition:all .15s ease}.diff__option--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s ease;min-height:44px}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-soft)}.btn--block{width:100%}.play{display:flex;flex-direction:column;flex:1;min-height:0}.away-warning{background:var(--color-warning);color:var(--color-surface);text-align:center;padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:500}.play__target{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);text-align:center;font-size:1.1rem}.play__target-name{color:var(--color-primary);font-weight:600}.play__map-container{flex:1;position:relative;background:var(--color-map-bg);min-height:300px;overflow:hidden;touch-action:none}@media(min-width:768px){.play{flex-direction:row;align-items:stretch}.play__target{display:none}.play__map-container{flex:1}.play__sidebar{width:320px;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.play__sidebar-target{font-size:1.5rem;text-align:left}.play__sidebar-target-name{color:var(--color-primary);font-weight:700}.play__sidebar-mode{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}}.map{width:100%;height:100%;display:block;cursor:grab;-webkit-user-select:none;user-select:none}.map:active{cursor:grabbing}.map__stage{transform-origin:center;transition:transform .05s ease-out}.map__country{fill:var(--color-country);stroke:var(--color-map-bg);stroke-width:.5;transition:fill .15s ease}.map__country--labeled{stroke:var(--color-border)}.map__country--labeled:hover{fill:var(--color-country-hover)}.map__country--target{fill:var(--color-primary)!important;stroke:#fff;stroke-width:1.5}.map__country--guess{fill:var(--color-primary)!important}.map__country--disputed{stroke:var(--color-warning);stroke-width:1;stroke-dasharray:2 2}.map__country--hidden{pointer-events:none}.feedback{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.feedback__row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.feedback__label{color:var(--color-text-muted)}.feedback__value{font-weight:600}.feedback__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}@media(min-width:768px){.feedback{border-top:none;border:none;padding:0;background:transparent}}.result{max-width:600px;margin:0 auto;padding:var(--space-5) var(--space-4);width:100%}.result__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center}.result__title{font-size:2rem;margin-bottom:var(--space-3)}.result__score{font-size:3rem;font-weight:700;color:var(--color-primary);margin:var(--space-4) 0}.result__detail{color:var(--color-text-muted);margin-bottom:var(--space-5)}.result__leave{background:#f59e0b26;border:1px solid var(--color-warning);color:var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.9rem;margin-bottom:var(--space-4)}.result__map{position:relative;background:var(--color-map-bg);height:360px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-5);touch-action:none}.share-card{background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.share-card__input{flex:1;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:monospace;background:var(--color-surface-elevated);color:var(--color-text);min-width:0}.guess-marker,.target-marker{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.guess-marker svg{fill:var(--color-error);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.target-marker svg{fill:var(--color-success);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.loading,.error{padding:var(--space-5);text-align:center;color:var(--color-text-muted)}.error{color:var(--color-error)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-modal-bg);color:#fff;padding:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:420px;width:100%;text-align:center}.modal__title{font-size:1.5rem;margin-bottom:var(--space-3)}.modal__body{margin-bottom:var(--space-5);font-size:1.1rem}.modal__actions{display:flex;flex-direction:column;gap:var(--space-2)}.modal--error .modal__title{color:var(--color-error)}