*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #FFE9C7;--cream-deep: #F5DBB1;--paper: #FFFDF6;--ink: #2D1810;--ink-soft: rgba(45, 24, 16, .7);--ink-faint: rgba(45, 24, 16, .45);--ink-fainter: rgba(45, 24, 16, .18);--yellow: #FFE45E;--yellow-dim: #F5D045;--coral: #FF6B6B;--sage: #6BCB77;--red: #C73E1D;--red-soft: rgba(199, 62, 29, .08);--green: #2A7A4E;--green-soft: rgba(42, 122, 78, .08);--gold: #C9A24A;--font-display: "Archivo Black", sans-serif;--font-mono: "Space Mono", monospace;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-card: 4px 4px 0 var(--ink);--shadow-card-sm: 3px 3px 0 var(--ink);--shadow-card-xs: 2px 2px 0 var(--ink);--shadow-card-coral: 4px 4px 0 var(--coral);--shadow-card-sm-coral: 3px 3px 0 var(--coral)}body{font-family:var(--font);background:var(--cream);color:var(--ink);min-height:100vh;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:280px;height:280px;background:var(--coral);top:-130px;right:-100px;opacity:.55}body:after{width:220px;height:220px;background:var(--sage);bottom:80px;left:-90px;opacity:.45}.screen,.panel,.overlay{position:relative;z-index:1}.screen{min-height:100vh}#setup-screen{display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 32px;min-height:100vh}.setup-card{width:100%;max-width:440px;display:flex;flex-direction:column}.setup-card h1{font-family:var(--font-display);font-size:50px;line-height:.92;letter-spacing:-.025em;color:var(--ink);margin-bottom:10px}.setup-card h1 .stamp{display:inline-block;background:var(--ink);color:var(--cream);transform:rotate(-2deg);padding:0 10px;border-radius:6px}.subtitle{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);letter-spacing:.02em;margin-bottom:24px}.setup-form{display:flex;flex-direction:column;gap:12px}.input-group,.mode-toggle,.round-selector,.year-selector,.difficulty-setup{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:14px;box-shadow:var(--shadow-card)}.input-group label,.mode-toggle label,.round-selector label,.year-selector label,.difficulty-setup label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.input-group input{width:100%;background:transparent;border:none;border-bottom:2px dashed var(--ink-fainter);border-radius:0;padding:4px 0;font-family:var(--font-display);font-size:22px;color:var(--ink);outline:none}.input-group input::placeholder{color:var(--ink-faint);font-family:var(--font);font-weight:400}.input-group input:focus{border-bottom-color:var(--ink)}.btn-group{display:flex;gap:6px}.btn-group.year-pills{gap:5px}.mode-btn,.round-btn,.year-btn,.setup-diff-btn{flex:1;background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:10px 0;font-family:var(--font);font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;transition:transform .08s ease}.mode-btn.active,.round-btn.active,.year-btn.active,.setup-diff-btn.active{background:var(--ink);color:var(--yellow)}.mode-btn:active,.round-btn:active,.year-btn:active,.setup-diff-btn:active{transform:scale(.96)}.year-btn{padding:9px 0;font-size:13px;font-variant-numeric:tabular-nums}.year-btn .yr-prefix{opacity:.5;font-weight:400;margin-right:1px}.year-btn.active .yr-prefix{opacity:.7}.btn-primary{background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-size:22px;padding:16px;border:2px solid var(--ink);border-radius:999px;cursor:pointer;text-align:center;letter-spacing:.02em;box-shadow:var(--shadow-card-coral);transition:transform .08s ease,box-shadow .08s ease;width:100%;margin-top:4px}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--coral)}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--coral)}.btn-primary:disabled{background:var(--cream-deep);color:var(--ink-faint);box-shadow:var(--shadow-card-sm);cursor:not-allowed}.btn-primary:disabled:hover{transform:none}.btn-secondary{background:transparent;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:14px;padding:10px;border:none;cursor:pointer;text-align:center;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;width:100%}.btn-secondary:hover{color:var(--ink)}.btn-secondary:disabled{color:var(--ink-faint);cursor:not-allowed;text-decoration:none}.btn-danger{background:var(--paper);color:var(--red);font-family:var(--font-display);font-size:14px;padding:12px 16px;border:2px solid var(--ink);border-radius:999px;cursor:pointer;text-align:center;box-shadow:var(--shadow-card-sm)}.btn-danger:hover{transform:translate(-1px,-1px)}.btn-danger:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}#game-screen{padding:20px 14px 16px;min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0 14px;gap:8px}.header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:8px}.game-title{display:none}.cup-badge{display:inline-block;background:var(--ink);color:var(--cream);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:999px;white-space:nowrap}.cup-badge:empty{display:none}#round-counter{font-family:var(--font-display);font-size:16px;color:var(--ink)}.btn-icon,.btn-icon-circle{background:var(--paper);border:2px solid var(--ink);border-radius:999px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;color:var(--ink);box-shadow:var(--shadow-card-xs);flex-shrink:0}.btn-icon:hover,.btn-icon-circle:hover{transform:translate(-1px,-1px)}.btn-icon svg path{stroke:var(--ink)}.difficulty-selector{display:flex;gap:4px}.diff-btn{background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:4px 10px;font-family:var(--font);font-weight:700;font-size:11px;color:var(--ink);cursor:pointer}.diff-btn.active{background:var(--ink);color:var(--yellow)}.score-bar{display:flex;gap:8px;margin-bottom:14px}.player-score{flex:1;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:10px 12px;position:relative;box-shadow:var(--shadow-card-sm);display:flex;flex-direction:column;gap:2px;transition:opacity .15s,background .15s}.player-score.active-turn{background:var(--yellow);box-shadow:var(--shadow-card-sm-coral)}.player-score:not(.active-turn){opacity:.55}.player-name{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink);opacity:.75;letter-spacing:.04em}.score{font-family:var(--font-display);font-size:28px;color:var(--ink);line-height:1}.streak{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--coral)}.turn-arrow{position:absolute;top:-8px;right:10px;background:var(--coral);color:var(--cream);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;border:1.5px solid var(--ink);letter-spacing:.06em}.player-score:first-child .turn-arrow{right:auto;left:10px}.score-bar.single-player .player-score:first-child{opacity:1}.game-main-wrapper,.game-main{flex:1;display:flex;flex-direction:column}.player-display{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:14px;box-shadow:var(--shadow-card);margin-bottom:12px;text-align:center}.player-display h2{font-family:var(--font-display);font-size:28px;font-weight:400;text-transform:uppercase;color:var(--ink);letter-spacing:.01em;line-height:1.05;margin-bottom:6px}@media(min-width:600px){.player-display h2{font-size:34px}}.hint-prompt{display:none}.score-worth{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);line-height:1}.score-worth strong{font-family:var(--font-mono);color:var(--ink);font-size:14px}.score-worth.score-dropping strong{color:var(--coral);animation:drop-pulse .4s ease}.score-worth.score-low strong{color:var(--coral)}@keyframes drop-pulse{0%{transform:scale(1.2)}to{transform:scale(1)}}.hints-counter{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-align:center;margin-bottom:8px}.hints-counter--active{color:var(--ink)}.hints-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.hint-tile{background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow-card-xs);min-height:56px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:transform .08s ease;overflow:hidden}.hint-tile.hint-photo-tile{grid-column:1 / -1;min-height:60px}.hint-tile.hint-photo-tile.revealed{min-height:220px}@media(min-width:600px){.hint-tile.hint-photo-tile.revealed{min-height:260px}}.hint-tile:hover:not(.revealed):not(.hint-locked){transform:translate(-1px,-1px)}.hint-tile.hint-next{background:var(--yellow)}.hint-tile.hint-locked{background:var(--cream);opacity:.55;cursor:not-allowed;border-style:dashed;box-shadow:none}.hint-tile.hint-locked:hover{transform:none}.hint-tile.revealed{cursor:default}.hint-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px}.hint-value{font-family:var(--font-display);font-size:14px;color:var(--ink);line-height:1.15}.hint-tile.hint-locked .hint-value{font-family:var(--font);font-size:11px;color:var(--ink-faint);font-weight:500}.hint-tile.revealed .hint-label{color:var(--ink-soft)}.hint-tile.revealed .hint-value{color:var(--ink)}.hint-photo-img{display:block;margin:6px auto 2px;max-width:180px;max-height:180px;border-radius:10px;border:2px solid var(--ink);background:var(--cream);cursor:zoom-in}@media(min-width:600px){.hint-photo-img{max-width:220px;max-height:220px}}.hint-photo-caption{display:block;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);margin:4px 0 8px;text-transform:uppercase}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d1810c7;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:lightbox-fade .15s ease-out}.photo-lightbox img{max-width:min(90vw,720px);max-height:90vh;border-radius:14px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--coral);background:var(--cream);cursor:default}.photo-lightbox-close{position:absolute;top:18px;right:18px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;width:40px;height:40px;cursor:pointer;font-family:var(--font-display);font-size:18px;color:var(--ink);box-shadow:var(--shadow-card-xs)}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes tile-flip{0%{transform:scaleX(1)}35%{transform:scaleX(0)}65%{transform:scaleX(0)}to{transform:scaleX(1)}}.hint-tile.hint-flipping{animation:tile-flip .35s ease}.guess-area{margin-top:auto}.autocomplete-wrapper{position:relative;margin-bottom:8px}#guess-input{width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:13px 16px;font-family:var(--font);font-size:16px;color:var(--ink);box-shadow:var(--shadow-card-sm);outline:none}#guess-input::placeholder{color:var(--ink-faint)}#guess-input:focus{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.autocomplete-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-card);max-height:280px;overflow-y:auto;z-index:10}.autocomplete-group-header{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:8px 14px 4px;background:var(--cream)}.autocomplete-item{padding:9px 14px;font-family:var(--font);font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--ink-fainter)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.highlighted{background:var(--yellow)}.autocomplete-item.guessed{color:var(--ink-faint);text-decoration:line-through;cursor:not-allowed;background:var(--red-soft);position:relative}.autocomplete-item.guessed:after{content:"✗ tried";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--red);text-decoration:none}.autocomplete-item.guessed:hover{background:var(--red-soft)}.action-buttons{display:flex;gap:8px;align-items:stretch}.action-buttons .btn-primary{flex:2;font-size:18px;padding:13px;margin-top:0}.action-buttons .btn-secondary,.action-buttons .btn-danger{flex:1;width:auto;font-size:13px;padding:13px 8px;text-decoration:none}.action-buttons .btn-secondary{background:var(--paper);color:var(--ink);font-family:var(--font-display);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-card-sm)}.feedback{margin:0 0 10px;padding:10px 14px;border-radius:14px;border:2px solid var(--ink);font-family:var(--font);font-weight:600;font-size:14px;box-shadow:var(--shadow-card-sm);animation:feedback-pop .18s ease}@keyframes feedback-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}#guess-input.input-flash-wrong{animation:input-flash .5s ease}@keyframes input-flash{0%{border-color:var(--ink);transform:translate(0)}15%{border-color:var(--coral);transform:translate(-4px)}35%{border-color:var(--coral);transform:translate(4px)}55%{border-color:var(--coral);transform:translate(-3px)}75%{border-color:var(--coral);transform:translate(3px)}to{border-color:var(--ink);transform:translate(0)}}.feedback.feedback-correct,.feedback.correct{background:var(--sage);color:var(--ink)}.feedback.feedback-wrong,.feedback.wrong{background:var(--coral);color:var(--paper)}.feedback.wrong-again{box-shadow:var(--shadow-card-sm)}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.player-summary-card{margin-top:12px;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:14px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:14px}.psc-photo{width:70px;height:70px;border-radius:14px;border:2px solid var(--ink);background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden;flex-shrink:0}.psc-photo .psc-img,.psc-photo img{width:100%;height:100%;object-fit:cover;display:block}.psc-info{flex:1;min-width:0}.psc-name{font-family:var(--font-display);font-size:16px;color:var(--ink);margin-bottom:2px}.psc-nation{font-family:var(--font);font-size:14px;color:var(--ink);font-weight:600;margin-bottom:4px}.psc-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);letter-spacing:.02em}.btn-next{margin-top:12px;background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-size:18px;padding:14px;border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-card-coral);cursor:pointer;width:100%}.btn-next:hover{transform:translate(-1px,-1px)}.btn-next:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--coral)}#summary-screen{display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 32px;min-height:100vh}.summary-card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px}.winner{font-family:var(--font-display);font-size:38px;line-height:.95;color:var(--ink);text-align:center;margin-bottom:8px}.winner span.stamp,#winner-display .stamp{display:inline-block;background:var(--coral);color:var(--cream);transform:rotate(-3deg);padding:0 10px;border-radius:8px;box-shadow:var(--shadow-card-sm);border:2px solid var(--ink)}.final-scores{display:flex;align-items:center;gap:10px}.final-score-panel{flex:1;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:16px 12px;box-shadow:var(--shadow-card);text-align:center;display:flex;flex-direction:column;gap:4px}.final-name{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.big-score{font-family:var(--font-display);font-size:44px;color:var(--ink);line-height:1}.vs{font-family:var(--font-display);font-size:18px;color:var(--ink-soft)}.solo-pb{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:12px;text-align:center;font-family:var(--font);color:var(--ink);box-shadow:var(--shadow-card-sm)}.solo-pb strong{font-family:var(--font-display);font-size:18px}.solo-pb--new{background:var(--yellow);font-family:var(--font-display);font-size:16px}.best-round{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-card-sm);font-family:var(--font);font-size:13px;color:var(--ink);font-weight:600}.best-round:empty{display:none}.round-history{overflow-x:auto}.round-history-table{width:100%;border-collapse:collapse;background:var(--paper);border:2px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card-sm)}.round-history-table th{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);padding:10px 8px;background:var(--cream);border-bottom:2px solid var(--ink);text-align:left}.round-history-table td{font-size:12px;padding:8px;border-bottom:1px solid var(--ink-fainter);color:var(--ink);vertical-align:top}.round-history-table tr:last-child td{border-bottom:none}.round-history-table tr.rh-correct td{background:var(--green-soft)}.round-history-table tr.rh-giveup td{background:var(--red-soft)}.round-history-table tr.rh-correct td:last-child{font-family:var(--font-display);color:var(--green)}.round-history-table tr.rh-giveup td:last-child{color:var(--red);font-weight:700}.rh-nation{display:block;font-weight:700;color:var(--ink)}.rh-player-name{display:block;font-size:11px;color:var(--ink-soft);margin-top:1px}.rh-guess-correct{color:var(--green);font-weight:700;font-size:14px}.rh-guess-wrong{color:var(--red);font-weight:700;font-size:11px}.rh-guess-empty{color:var(--ink-faint);font-style:italic}.summary-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.summary-actions .btn-secondary{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:16px;padding:13px;border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-card-sm);text-decoration:none}.panel{position:fixed;top:20px;right:20px;bottom:20px;left:20px;background:var(--cream);border:2px solid var(--ink);border-radius:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;z-index:100;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:2px solid var(--ink);background:var(--paper)}.panel-header h2{font-family:var(--font-display);font-size:22px;color:var(--ink)}.btn-close{background:var(--cream);border:2px solid var(--ink);border-radius:999px;width:34px;height:34px;cursor:pointer;font-family:var(--font-display);color:var(--ink);box-shadow:var(--shadow-card-xs)}.btn-close:hover{transform:translate(-1px,-1px)}.panel-content{flex:1;overflow-y:auto;overflow-x:auto;padding:18px 22px 22px}.panel-content h3{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin:14px 0 10px}.panel-content h3:first-child{margin-top:0}.panel-content table{width:100%;border-collapse:collapse;background:var(--paper);border:2px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card-sm)}.panel-content th{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);padding:10px 8px;background:var(--cream);border-bottom:2px solid var(--ink);text-align:left}.panel-content td{font-size:13px;padding:9px 8px;border-bottom:1px solid var(--ink-fainter);color:var(--ink)}.panel-content tr:first-child td{background:var(--yellow);font-family:var(--font-display)}.panel-content tr:last-child td{border-bottom:none}.panel-content .empty{color:var(--ink-faint);font-style:italic;text-align:center;padding:18px}.session-meta{display:block;font-size:11px;color:var(--ink-soft);font-family:var(--font-mono);margin-top:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d181066;z-index:50}.flag-img{display:inline-block;width:18px;height:auto;vertical-align:middle;border-radius:2px;margin-right:4px;position:relative;top:-1px}.flag-img-large{display:block;width:80px;height:auto;margin:6px auto 2px;border-radius:6px;border:2px solid var(--ink)}@media(max-width:480px){.game-header{flex-wrap:wrap;row-gap:8px}.header-right{order:3;flex-basis:100%;justify-content:center}.difficulty-selector{flex:1;justify-content:center}.diff-btn{padding:4px 14px}.panel-content{padding:14px 12px 16px}.panel-content th,.panel-content td{padding:8px 5px;font-size:12px}.panel-content th{font-size:9px}}@media(max-width:380px){.setup-card h1{font-size:42px}.winner{font-size:32px}.big-score{font-size:36px}}