*,*: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:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:radial-gradient(48% 90% at 30% 20%,#00aaff1f,#0af0),radial-gradient(48% 60% at 84% 30%,#9ba3ac14,#9ba3ac00),var(--color-bg);background-attachment:fixed}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-text-on-bg: #e6e9ec;--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}.app__top{position:relative;background:linear-gradient(#181b20f0,#181b20f0),var(--color-surface);border-bottom:1px solid var(--color-border);overflow:hidden;isolation:isolate}.app__top-bg{position:absolute;top:50%;left:50%;width:1600px;height:auto;aspect-ratio:4572 / 2500;transform:translate(-50%,-50%);z-index:-1;opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none}@media(min-width:1600px){.app__top-bg{width:100%}}.app__top-content{position:relative;z-index:1}.header{height:72px;display:flex;align-items:center;justify-content:center}.header__title{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.app__main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.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{text-align:center;color:var(--color-text-on-bg);line-height:1.6}.home__intro-inner{max-width:720px;margin:0 auto;padding:var(--space-3) var(--space-4)}.home__intro-inner p+p{margin-top:.6em}.choice-pair{display:flex;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-5)}.choice-pair__btn{flex:1;padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);color:var(--color-text);font:inherit;font-weight:600;font-size:1rem;line-height:1.3;cursor:pointer;min-height:56px;box-shadow:var(--shadow-md);transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.choice-pair__btn:hover:not(.choice-pair__btn--active){transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.choice-pair__btn:active{transform:translateY(0)}.choice-pair__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.choice-pair__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.choice-pair__or{display:flex;align-items:center;color:var(--color-text-muted);font-size:.9rem}@media(max-width:480px){.choice-pair{flex-direction:column;gap:var(--space-2)}.choice-pair__or{justify-content:center}}.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);color:var(--color-text);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);background:var(--color-surface-elevated);color:var(--color-text);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--highlight{background:var(--color-primary-soft)}.picker__item--empty{color:var(--color-text-muted);cursor:default}.picker__item--empty:hover{background:transparent}.picker__selected-hint{font-size:.9rem;color:var(--color-text-muted);margin-top:var(--space-2)}.picker__selected-hint strong{color:var(--color-text)}.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{position:relative;flex:1;min-height:0;overflow:hidden}.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{position:absolute;top:0;left:0;right:0;z-index:3;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{position:absolute;inset:0;background:var(--color-map-bg)}.play__sidebar{position:absolute;bottom:0;left:0;right:0;z-index:2;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);box-shadow:0 -4px 12px #00000040}@media(min-width:768px){.play__target{display:none}.play__sidebar{inset:0 0 0 auto;width:320px;border-top:none;border-left:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;box-shadow:none}.play__sidebar-target{font-size:1.5rem;text-align:left}.play__sidebar-target-name{color:var(--color-primary);font-weight:700}}.map-stage{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.map{width:100%;height:100%;display:block;cursor:grab;-webkit-user-select:none;user-select:none}.map:active{cursor:grabbing}.map__hud{position:absolute;inset:0;pointer-events:none;z-index:2}.map__controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.map__controls .btn{font-size:1.25rem;line-height:1}@media(min-width:768px){.map__controls{top:auto;bottom:12px;right:332px;transform:none}}.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)}