:root{color-scheme:dark;--page: #070707;--panel: rgba(19, 16, 24, .88);--panel-strong: rgba(33, 24, 35, .94);--panel-pop: rgba(52, 31, 54, .92);--text: #fff6dc;--muted: #d8c798;--gold: #f2c44f;--gold-dark: #8a5b10;--red: #c63d34;--violet: #8a54e8;--teal: #28b8a3;--green: #169b55;--green-border: #63f295;--amber: #b87b16;--amber-border: #ffd35d;--wrong: #3b3138;--wrong-border: #85636a;--line: rgba(255, 213, 104, .28);--shadow: rgba(0, 0, 0, .5);--radius: 8px;--app-content-width: clamp(1050px, 72vw, 1720px);--game-content-width: clamp(900px, 64vw, 1500px);--control-content-width: clamp(720px, 52vw, 1080px);font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{font-size:clamp(16px,.8vw,22px);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background-color:var(--page)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 18% 18%,rgba(198,61,52,.18),transparent 19rem),radial-gradient(circle at 84% 12%,rgba(40,184,163,.14),transparent 18rem),linear-gradient(135deg,#05050833,#1109134d),var(--selected-background);background-attachment:fixed;background-position:center;background-size:cover;transition:background-image .22s ease}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(#00000094,#000000b8),radial-gradient(circle at center,transparent 0 48%,rgba(0,0,0,.76) 100%)}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";opacity:.3;background-image:radial-gradient(circle at 22% 28%,rgba(255,255,255,.12),transparent 7rem),radial-gradient(circle at 76% 50%,rgba(255,255,255,.1),transparent 10rem),radial-gradient(circle at 44% 86%,rgba(255,255,255,.08),transparent 11rem);filter:blur(18px)}.app-container{position:relative;z-index:1;width:min(var(--app-content-width),calc(100% - 24px));margin:0 auto;padding:16px 0 32px}.site-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin:0 auto 10px;padding:6px 2px}.title-lockup{text-align:center}.eyebrow{margin:0 0 4px;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:3px;color:#fff4c3;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,8vw,4.25rem);line-height:.95;text-shadow:0 2px 0 #5c3411,0 0 28px rgba(242,196,79,.72),0 0 58px rgba(198,61,52,.36)}h2{margin-bottom:0;color:#fff8dc;font-size:1.2rem;line-height:1.1}p{line-height:1.45}.subtitle{margin-bottom:0;color:var(--muted);font-size:.92rem}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.header-controls{display:grid;justify-items:end;gap:8px}.auth-panel{display:grid;justify-items:end;gap:6px;max-width:440px;border:1px solid rgba(255,213,104,.28);border-radius:var(--radius);padding:8px;background:linear-gradient(135deg,#8a54e821,#28b8a314),#08070cd1;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-panel.compact{grid-template-columns:auto auto;align-items:center}.auth-panel.signed-in{grid-template-columns:minmax(0,1fr) auto;align-items:center}.auth-kicker{color:var(--gold);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.auth-loading{color:var(--muted);font-size:.76rem}.auth-identity{display:grid;min-width:0;gap:2px;text-align:right}.auth-account{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.auth-avatar{width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(255,213,104,.48);border-radius:50%;object-fit:cover;box-shadow:0 0 14px #f2c44f2e}.auth-identity strong{overflow:hidden;color:#fff4c9;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.auth-backend-status,.auth-profile-status{color:var(--muted);font-size:.66rem}.auth-profile-status.failed{color:#ffb0a8}.auth-backend-status.verified{color:#8ff3d9}.auth-backend-status.failed{color:#ffb0a8}.auth-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.auth-button{min-height:32px;border:1px solid rgba(255,213,104,.34);border-radius:6px;padding:0 10px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.09),transparent),#110d16eb;font-size:.72rem;font-weight:900;transition:border-color .16s ease,filter .16s ease,transform .16s ease}.auth-button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.12);transform:translateY(-1px)}.auth-button.google{border-color:#ffffff6b}.auth-button.twitch{border-color:#a970ffb8;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent),#462477e0}.auth-button.verify{border-color:#28b8a3b8}.auth-button.sign-out{color:var(--muted)}.auth-button:disabled{opacity:.58}.auth-message{grid-column:1 / -1;max-width:100%;margin:0;color:#8ff3d9;font-size:.68rem;text-align:right}.auth-message.error{color:#ffb0a8}.icon-button,.ghost-button,.gold-button,.submit-button,.mode{min-height:38px;border:1px solid var(--line);border-radius:var(--radius);padding:0 13px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#100d15c7;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff24;text-decoration:none;transition:transform .16s ease,border-color .16s ease,filter .16s ease,background .16s ease}.icon-button,.ghost-button,.gold-button{display:inline-flex;align-items:center;justify-content:center}.icon-button:hover,.ghost-button:hover,.submit-button:hover,.mode:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.12);transform:translateY(-1px)}.icon-button.strong,.gold-button,.submit-button,.mode.active{border-color:#ffde76d9;color:#2b1703;background:linear-gradient(180deg,#ffe27d,#e69d24 48%,#9b5f11),var(--gold);font-weight:900;text-shadow:0 1px rgba(255,255,255,.28)}.classic-stage{display:grid;justify-items:center;gap:10px}.background-chooser{width:min(var(--game-content-width),100%);border:1px solid rgba(255,217,108,.48);border-radius:var(--radius);padding:12px;background:linear-gradient(135deg,#f2c44f1f,#8a54e81f),#0a080df0;box-shadow:0 20px 50px #00000075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.background-chooser-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.background-chooser-heading .eyebrow{margin-bottom:3px}.background-chooser-heading>p{margin:0;color:var(--muted);font-size:.8rem}.background-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.background-option{position:relative;display:grid;gap:7px;min-width:0;border:1px solid rgba(255,213,104,.28);border-radius:var(--radius);padding:6px;overflow:hidden;color:var(--text);background:#0000006b;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.background-option:hover{border-color:var(--gold);transform:translateY(-2px)}.background-option.selected{border-color:#ffe27d;box-shadow:0 0 0 2px #f2c44f33,0 0 22px #f2c44f33}.background-option img{width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) - 3px);object-fit:cover}.background-option span{min-width:0;padding:0 3px 2px;overflow:hidden;font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.background-option strong{position:absolute;top:10px;right:10px;border:1px solid rgba(255,236,164,.8);border-radius:999px;padding:3px 7px;color:#2b1703;background:#f2c44f;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}.mode-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(var(--control-content-width),100%)}.mode{min-width:104px;min-height:36px;font-weight:800}.admin-dev-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:min(var(--control-content-width),100%);border:1px solid rgba(116,190,255,.52);border-radius:var(--radius);padding:10px 12px;background:#112d48c7}.admin-dev-copy{display:flex;flex:1 1 260px;gap:8px;min-width:0}.admin-dev-copy strong{color:#bde4ff;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.admin-dev-copy span{color:#d7ecfa;font-size:.78rem}.admin-dev-toggle{min-height:34px;border-color:#97d1ff94;color:#eaf7ff;background:#4d9ad62e;font-size:.72rem;font-weight:800}.admin-dev-toggle:hover:not(:disabled){border-color:#bde4ff;background:#4d9ad64d}.admin-dev-toggle.enabled{border-color:#f2c44fad;color:#fff0b0;background:#f2c44f29}.admin-dev-toggle:disabled{cursor:wait;opacity:.62}.admin-dev-error{flex-basis:100%;margin:0;color:#ffb0a8;font-size:.72rem}.test-mode-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:min(var(--control-content-width),100%);border:1px solid rgba(242,196,79,.58);border-radius:var(--radius);padding:8px 12px;color:#fff4c9;background:#6f450fb8;font-size:.78rem}.test-mode-banner strong{color:#ffe177;letter-spacing:.08em;text-transform:uppercase}.test-mode-banner span{color:#f4dfaa}.mode:disabled{opacity:.52}.game-card{width:min(var(--game-content-width),100%);border:1px solid rgba(255,217,108,.38);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,rgba(140,84,232,.14),transparent 12rem),linear-gradient(135deg,#c63d341f,#28b8a31a),var(--panel);box-shadow:0 24px 70px var(--shadow),0 0 0 2px #ffffff0a,0 0 42px #f2c44f2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-game-card{width:min(var(--game-content-width),100%);border:1px solid rgba(255,217,108,.34);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,rgba(138,84,232,.12),transparent 15rem),linear-gradient(135deg,#201426f0,#07090ceb);box-shadow:0 24px 70px var(--shadow),0 0 38px #f2c44f1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;padding:12px;border:1px solid rgba(255,213,104,.3);border-radius:var(--radius);background:linear-gradient(90deg,rgba(242,196,79,.14),transparent 58%),#09080dc2}.quote-status.won{border-color:#63f29594;box-shadow:inset 0 0 30px #169b5524}.quote-status h2{font-size:clamp(1.2rem,3.5vw,1.65rem)}.quote-status p{max-width:620px;margin:5px 0 0;color:var(--muted);font-size:.9rem}.quote-status-actions{display:grid;justify-items:end;gap:7px}.quote-reset-button{min-height:32px;border:1px solid rgba(255,213,104,.28);border-radius:6px;padding:5px 10px;color:var(--muted);background:#07070b9e;font-size:.7rem;font-weight:800}.quote-reset-button:hover{border-color:var(--gold);color:#fff4c9;background:#f2c44f14}.quote-clue{position:relative;margin:10px 0 0;padding:clamp(20px,4vw,34px) clamp(18px,5vw,48px) 16px;overflow:hidden;border:1px solid rgba(255,213,104,.3);border-radius:var(--radius);background:radial-gradient(circle at 50% 0,rgba(242,196,79,.14),transparent 55%),linear-gradient(135deg,#361f3ab8,#08080cdb);text-align:center}.quote-clue:before{position:absolute;top:-20px;left:14px;color:#f2c44f2e;content:"“";font-family:Georgia,Times New Roman,serif;font-size:7rem;line-height:1}.quote-clue p{position:relative;margin:0;color:#fff4c9;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,3.2vw,2rem);font-style:italic;line-height:1.35;text-shadow:0 0 22px rgba(242,196,79,.2)}.quote-clue footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}.quote-clue footer span{border:1px solid rgba(255,213,104,.2);border-radius:999px;padding:4px 8px;color:var(--muted);background:#0003;font-size:.66rem;font-style:normal;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.quote-answer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;border:1px solid rgba(99,242,149,.38);border-radius:var(--radius);padding:10px 12px;color:#dffff0;background:#169b551f}.quote-answer span{color:#8ff3b0;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quote-input-panel{margin-top:10px;border:1px solid rgba(40,184,163,.24);border-radius:var(--radius);padding:12px;background:linear-gradient(90deg,rgba(40,184,163,.08),transparent),#08080ca8}.quote-guess-history{margin-top:10px}.quote-guess-history ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.quote-guess-history li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;border:1px solid rgba(255,213,104,.16);border-radius:6px;padding:7px 10px;color:var(--muted);background:#05050985}.quote-guess-history li>span{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(255,213,104,.28);border-radius:50%;color:var(--gold);font-size:.68rem;font-weight:900}.quote-guess-history li strong{color:#fff4c9;font-size:.82rem}.quote-guess-history li em{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:800}.quote-guess-history li.correct{border-color:#63f2956b;background:#169b551f}.quote-guess-history li.correct em{color:#8ff3b0}.quote-empty-history,.quote-game-error{margin:0;border:1px dashed rgba(255,213,104,.28);border-radius:var(--radius);padding:14px;color:var(--muted);background:#05050975;text-align:center}.image-map-game{width:min(var(--game-content-width),100%);border:1px solid rgba(255,217,108,.34);border-radius:var(--radius);padding:12px;background:linear-gradient(145deg,rgba(67,44,34,.24),transparent 36%),linear-gradient(135deg,#131018f5,#070a0cf0);box-shadow:0 24px 70px var(--shadow),0 0 38px #f2c44f1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-map-status{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,213,104,.28);border-radius:var(--radius);padding:12px;background:linear-gradient(90deg,rgba(242,196,79,.13),transparent 62%),#08080cb8}.image-map-status h2{font-size:clamp(1.2rem,3.5vw,1.65rem)}.image-map-status p{max-width:650px;margin:5px 0 0;color:var(--muted);font-size:.9rem}.image-map-reset{min-height:34px;flex:0 0 auto;border:1px solid rgba(255,213,104,.3);border-radius:6px;padding:6px 11px;color:var(--muted);background:#07070ba3;font-size:.72rem;font-weight:800}.image-map-reset:hover{border-color:var(--gold);color:#fff4c9;background:#f2c44f14}.image-map-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);align-items:start;gap:10px;margin-top:10px}.image-clue-panel,.image-map-panel{min-width:0;border:1px solid rgba(255,213,104,.2);border-radius:var(--radius);padding:10px;background:#07070b94}.image-mode-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px}.image-mode-heading h2{font-size:.98rem}.image-mode-heading>span{flex:0 0 auto;border:1px solid rgba(255,213,104,.24);border-radius:999px;padding:4px 8px;color:var(--muted);background:#f2c44f0d;font-size:.64rem;font-weight:800}.image-clue-frame{overflow:hidden;border:1px solid rgba(255,213,104,.28);border-radius:6px;background:#08090a}.image-clue-frame img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.image-clue-hint{margin:9px 1px 0;color:var(--muted);font-size:.78rem}.image-clue-hint strong{color:var(--gold)}.elden-map-target{position:relative;display:block;width:100%;min-height:0;overflow:hidden;border:1px solid rgba(255,213,104,.34);border-radius:6px;padding:0;background:#0b1013;box-shadow:inset 0 0 28px #0006;touch-action:manipulation}.elden-map-target:not(:disabled):hover{border-color:#ffde76b8}.elden-map-target:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.elden-map-target:disabled{cursor:default;opacity:1}.elden-map-target>img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.map-asset-placeholder{display:grid;min-height:220px;place-items:center;align-content:center;gap:7px;padding:20px;color:var(--muted);background:linear-gradient(135deg,#8a54e814,#28b8a30f),#0a0d10;text-align:center}.map-asset-placeholder strong{color:#fff4c9}.map-asset-placeholder span{max-width:520px;font-size:.74rem}.map-asset-placeholder code{color:var(--gold);overflow-wrap:anywhere}.map-placeholder-grid{min-height:380px;background-image:linear-gradient(rgba(255,213,104,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,213,104,.07) 1px,transparent 1px),radial-gradient(circle at center,rgba(242,196,79,.08),transparent 60%);background-position:center;background-size:10% 10%,10% 10%,auto}.map-marker{position:absolute;top:var(--marker-y);left:var(--marker-x);z-index:3;width:28px;height:28px;pointer-events:none;transform:translate(-50%,-50%)}.map-marker:after{position:absolute;top:50%;left:50%;width:38px;height:38px;border:2px solid currentColor;border-radius:50%;content:"";opacity:.42;transform:translate(-50%,-50%)}.map-marker i{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid #fff8dc;border-radius:50% 50% 50% 0;background:currentColor;box-shadow:0 3px 10px #000000b8;transform:rotate(-45deg)}.map-marker.guess{color:#f2c44f}.map-marker.answer{color:#44db83}.map-result-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.map-result-line line{stroke:#fff3bd;stroke-dasharray:2.2 1.5;stroke-linecap:round;stroke-width:2;vector-effect:non-scaling-stroke}.map-marker-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:8px;color:var(--muted);font-size:.68rem;font-weight:800}.map-marker-legend span{display:inline-flex;align-items:center;gap:6px}.map-marker-legend i{width:10px;height:10px;border:1px solid rgba(255,255,255,.62);border-radius:50%}.map-marker-legend i.guess{background:#f2c44f}.map-marker-legend i.answer{background:#44db83}.image-map-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;border-top:1px solid rgba(255,213,104,.12);padding-top:10px}.image-map-submit-row p{margin:0;color:var(--muted);font-size:.76rem}.image-map-submit-row .submit-button{min-height:38px;flex:0 0 auto}.image-map-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin-top:10px;border:1px solid rgba(99,242,149,.3);border-radius:var(--radius);padding:11px 12px;background:#169b551a}.image-map-result h2{color:#dffff0;font-size:1.05rem}.image-map-result p{margin:4px 0 0;color:var(--muted);font-size:.76rem}.image-map-result>strong{color:#8ff3b0;font-size:1.35rem}.image-map-result>span{grid-column:1 / -1;color:#d7eddd;font-size:.7rem;font-weight:800}.game-loading{display:grid;min-height:150px;place-items:center;color:var(--muted);text-align:center}.game-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:12px;border:1px solid rgba(255,213,104,.32);border-radius:var(--radius);background:linear-gradient(90deg,rgba(242,196,79,.18),transparent 58%),linear-gradient(135deg,#8a54e82e,#c63d341f),#0b0a0fbd}.game-status h2{font-size:clamp(1.15rem,3.5vw,1.6rem)}.game-status p{max-width:560px;margin:5px 0 0;color:var(--muted);font-size:.92rem}.game-status.won{border-color:#63f295a3;box-shadow:inset 0 0 30px #169b5529}.persistence-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 12px;border:1px solid rgba(255,213,104,.22);border-radius:calc(var(--radius) - 4px);color:var(--muted);background:#08080c9e;font-size:.78rem}.persistence-status.saved{border-color:#63f2956b;color:#aef5c6}.persistence-status.failed{border-color:#ff796c85;color:#ffb0a8}.persistence-status.conflict{border-color:#f2c44f8a;color:#ffe49a}.persistence-status.session-expired{border-color:#ff796c85;color:#ffb0a8}.persistence-status.test-mode{border-color:#f2c44f7a;color:#ffe49a}.persistence-retry{min-height:30px;padding:5px 12px;border-color:#ffd5688a;color:#fff4c9;background:#f2c44f1a;font-size:.72rem;font-weight:800}.persistence-retry:hover{border-color:var(--gold);background:#f2c44f33}.status-actions{display:grid;justify-items:end;gap:8px}.guess-count{border:1px solid rgba(242,196,79,.52);border-radius:999px;padding:6px 10px;color:#ffe49a;background:#f2c44f1f;font-size:.72rem;font-weight:900;white-space:nowrap}.guide-accordion{margin-top:10px;overflow:hidden;border:1px solid rgba(255,213,104,.24);border-radius:var(--radius);background:linear-gradient(90deg,rgba(242,196,79,.08),transparent 46%),#08080ca8}.guide-accordion.open{border-color:#ffd56861}.guide-accordion-trigger,.utility-drawer-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;color:var(--text);background:transparent;text-align:left}.guide-accordion-trigger{min-height:48px;gap:14px;padding:8px 12px}.guide-accordion-trigger:hover{background:#f2c44f12}.guide-accordion-trigger:focus-visible,.utility-drawer-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.guide-accordion-heading{display:grid;gap:1px}.guide-kicker{color:var(--gold);font-size:.6rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.guide-accordion-heading strong{color:#fff4c9;font-family:Georgia,Times New Roman,serif;font-size:1rem}.guide-accordion-action{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:800}.accordion-mark{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,213,104,.32);border-radius:50%;color:var(--gold);background:#f2c44f0f;font-size:1rem;line-height:1}.guide-accordion-content{border-top:1px solid rgba(255,213,104,.14);background:#00000029}.guide-accordion-content .rules-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 26px;padding:10px 16px 12px 34px}.guide-accordion-content .rules-list li+li{margin-top:0}.input-panel{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:end;gap:12px;margin-top:10px;padding:12px;border:1px solid rgba(40,184,163,.28);border-radius:var(--radius);background:linear-gradient(90deg,rgba(40,184,163,.12),transparent),#08080cad}.input-prompt{margin:0;color:#fff4c9;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;line-height:1.15}.guess-form{display:grid;gap:6px}.guess-form label{color:var(--gold);font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.guess-control{display:flex;gap:8px}.autocomplete{position:relative;flex:1}input{width:100%;min-height:44px;border:1px solid rgba(255,213,104,.36);border-radius:var(--radius);padding:0 13px;color:#fff9e9;background:#010205c2;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus{border-color:var(--teal);background:#000408f2;box-shadow:0 0 0 3px #28b8a333,0 0 18px #28b8a333}input:disabled{opacity:.58}.submit-button{min-width:92px}.suggestions{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:5;max-height:260px;overflow:auto;border:1px solid rgba(255,213,104,.48);border-radius:var(--radius);background:#0e0a13fa;box-shadow:0 22px 44px #0000008a}.suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;border:0;border-bottom:1px solid rgba(255,213,104,.12);padding:9px 11px;color:var(--text);background:transparent;text-align:left}.suggestion:last-child{border-bottom:0}.suggestion.active,.suggestion:hover{background:linear-gradient(90deg,#f2c44f33,#28b8a31a)}.suggestion small{color:var(--muted);white-space:nowrap}.input-error{margin:0;color:#ffb0a8;font-size:.84rem;font-weight:800}.board-section{margin-top:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;padding:0 2px}.section-heading h2{font-size:1rem}.section-heading span{color:var(--gold);font-size:.82rem;font-weight:900}.guess-board{display:grid;gap:6px;overflow-x:auto;padding-bottom:2px}.board-header,.guess-row{display:grid;grid-template-columns:minmax(158px,1.22fr) repeat(7,minmax(104px,1fr));gap:6px;min-width:930px}.board-header>div{min-height:30px;padding:8px;border:1px solid rgba(255,213,104,.2);border-radius:var(--radius);color:#ffe177;background:#05050ac7;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.boss-cell,.result-tile{min-height:70px;border-radius:var(--radius);padding:8px}.boss-cell{display:grid;align-content:center;gap:5px;border:1px solid rgba(255,213,104,.38);color:#fff4c9;background:linear-gradient(135deg,#f2c44f33,#8a54e829),#100c13db}.boss-cell strong{font-size:.92rem;line-height:1.18}.result-tile{display:grid;align-content:start;gap:5px;border:1px solid rgba(255,255,255,.12);color:#fff9e9;text-align:center;box-shadow:inset 0 1px #ffffff24,0 8px 16px #00000029}.result-tile.correct{border-color:var(--green-border);background:linear-gradient(180deg,rgba(255,255,255,.18),transparent),linear-gradient(135deg,#1ec96d,#107441)}.result-tile.close{border-color:var(--amber-border);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent),linear-gradient(135deg,#f1b737,#94600e)}.result-tile.wrong{border-color:var(--wrong-border);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(135deg,#493943,#241f25)}.result-tile.neutral{border-color:#ffd5682e;background:#0f1218e0}.tile-label{color:#fff8e1bf;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tile-value{font-size:.8rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.empty-board{min-width:930px;padding:18px;border:1px dashed rgba(255,213,104,.34);border-radius:var(--radius);color:var(--muted);background:linear-gradient(90deg,#8a54e81f,#28b8a314),#05050994;font-weight:800;text-align:center}.utility-drawer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.utility-drawer{min-width:0;overflow:hidden;border:1px solid rgba(255,213,104,.16);border-radius:var(--radius);background:#07070b94}.utility-drawer-trigger{min-height:44px;gap:10px;padding:8px 10px 8px 12px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;transition:color .16s ease,background .16s ease}.utility-drawer-trigger:hover{color:#fff4c9;background:#f2c44f0f}.utility-drawer-trigger[aria-expanded=true]{color:#fff4c9;background:linear-gradient(90deg,rgba(242,196,79,.12),transparent),#f2c44f0a}.utility-drawer-trigger .accordion-mark{width:22px;height:22px;font-size:.9rem}.utility-details-panel{margin-top:6px;overflow:hidden;border:1px solid rgba(255,213,104,.26);border-radius:var(--radius);background:linear-gradient(135deg,rgba(138,84,232,.05),transparent 52%),#07070bb8}.stat-grid,.legend-list,.rules-list,.share-placeholder{margin:0;padding:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat-grid div{min-height:58px;padding:8px;border:1px solid rgba(255,213,104,.18);border-radius:var(--radius);background:#00000042;text-align:center}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{color:var(--gold);font-size:1.08rem}.stat-grid span{margin-top:3px;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.account-stats{padding:12px}.account-stat-grid{padding:0}.stats-message{margin:0;padding:16px 12px;color:var(--muted);font-size:.82rem;text-align:center}.stats-message.failed{color:#ffb0a8}.stats-message-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px}.stats-message-row.compact{justify-content:space-between;margin-bottom:10px;border:1px solid rgba(255,121,108,.32);border-radius:var(--radius);background:#c63d3414}.stats-message-row .stats-message{padding:0;text-align:left}.stats-retry{min-height:30px;flex:0 0 auto;border:1px solid rgba(255,213,104,.48);border-radius:6px;padding:5px 11px;color:#fff4c9;background:#f2c44f1a;font-size:.72rem;font-weight:900}.stats-retry:hover{border-color:var(--gold);background:#f2c44f33}.guess-distribution{display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,213,104,.16)}.stats-subheading{margin:0 0 2px;color:#fff4c9;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.distribution-row{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px;color:var(--muted);font-size:.72rem}.distribution-row>span,.distribution-row>strong{text-align:center}.distribution-row>strong{color:#fff4c9}.distribution-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.distribution-track i{display:block;width:var(--distribution-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,#a85c15,var(--gold));box-shadow:0 0 10px #f2c44f57}.stats-footnotes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,213,104,.16);color:var(--muted);font-size:.72rem}.stats-footnotes strong{color:#fff4c9}.game-history{display:grid;gap:8px;padding:12px}.history-message{margin:0;padding:16px 12px;color:var(--muted);font-size:.82rem;text-align:center}.history-message.compact{padding:10px}.history-message.failed{color:#ffb0a8}.history-message-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px}.history-message-row.compact{justify-content:space-between;border:1px solid rgba(255,121,108,.32);border-radius:var(--radius);background:#c63d3414}.history-message-row .history-message{padding:0;text-align:left}.history-retry{min-height:30px;flex:0 0 auto;border:1px solid rgba(255,213,104,.48);border-radius:6px;padding:5px 11px;color:#fff4c9;background:#f2c44f1a;font-size:.72rem;font-weight:900}.history-retry:hover{border-color:var(--gold);background:#f2c44f33}.history-entry{border:1px solid rgba(255,213,104,.22);border-radius:var(--radius);overflow:hidden;background:#0000003d}.history-entry>summary{display:grid;grid-template-columns:auto minmax(92px,.8fr) minmax(150px,1.4fr) auto auto auto;align-items:center;gap:8px;min-height:46px;padding:8px 10px;color:var(--muted);background:linear-gradient(90deg,rgba(242,196,79,.08),transparent),#07070ba3;font-size:.72rem;list-style:none}.history-entry>summary::-webkit-details-marker{display:none}.history-entry>summary:after{content:"+";color:var(--gold);font-size:1rem;font-weight:900}.history-entry[open]>summary:after{content:"-"}.history-entry>summary strong{min-width:0;overflow:hidden;color:#fff4c9;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.history-outcome{min-width:44px;border:1px solid currentColor;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:900;text-align:center;text-transform:uppercase}.history-outcome.won{color:#8ff3b0;background:#169b5524}.history-outcome.lost{color:#ff9c92;background:#c63d3424}.history-date,.history-attempts{color:#eadba9;font-weight:800}.history-entry time{text-align:right}.history-guesses{display:grid;gap:6px;padding:8px;border-top:1px solid rgba(255,213,104,.16)}.history-guess{display:grid;grid-template-columns:24px minmax(140px,1fr) minmax(300px,2fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,213,104,.14);border-radius:6px;background:#0c0a10ad}.history-guess.correct-guess{border-color:#63f2956b}.history-guess-number{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,213,104,.32);border-radius:50%;color:var(--gold);font-size:.68rem;font-weight:900}.history-guess>strong{color:#fff4c9;font-size:.76rem}.history-comparisons{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:4px}.history-comparison{border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:4px 3px;color:#fff9e9;font-size:.56rem;font-weight:900;text-align:center}.history-comparison.correct{border-color:var(--green-border);background:#169b55d1}.history-comparison.close{border-color:var(--amber-border);background:#b87b16db}.history-comparison.wrong{border-color:var(--wrong-border);background:#3b3138e6}.legend-list{display:grid;gap:8px}.legend-item{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:8px}.legend-item p{margin:0;color:var(--muted);font-size:.82rem}.legend-item strong{color:var(--text)}.legend-swatch{width:16px;height:16px;margin-top:2px;border-radius:50%}.legend-swatch.correct{border:1px solid var(--green-border);background:var(--green)}.legend-swatch.close{border:1px solid var(--amber-border);background:var(--amber)}.legend-swatch.wrong{border:1px solid var(--wrong-border);background:var(--wrong)}.rules-list{padding-left:30px;color:var(--muted);font-size:.84rem}.rules-list li+li{margin-top:6px}.share-placeholder{color:var(--muted);font-size:.84rem}@media (max-width: 980px){.image-map-layout{grid-template-columns:1fr}.image-clue-frame img{max-height:440px}}@media (max-width: 860px){.site-header{grid-template-columns:1fr;justify-items:center}.header-actions{justify-content:center}.header-controls,.auth-panel{justify-items:center}.header-controls{width:100%}.auth-panel{max-width:100%}.auth-identity,.auth-message{text-align:center}.auth-account,.auth-actions{justify-content:center}.input-panel{grid-template-columns:1fr;align-items:stretch}.input-prompt{text-align:center}.utility-drawer-grid,.background-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.app-container{width:min(100% - 16px,620px);padding-top:10px}.game-card,.quote-game-card,.image-map-game{padding:10px}.image-map-status,.image-map-submit-row{align-items:stretch;flex-direction:column}.image-map-reset,.image-map-submit-row .submit-button{width:100%}.image-map-result{grid-template-columns:1fr;text-align:center}.image-map-result>span{grid-column:1}.game-status,.quote-status{grid-template-columns:1fr;text-align:center}.quote-status-actions{justify-items:center}.quote-guess-history li{grid-template-columns:28px minmax(0,1fr)}.quote-guess-history li em{grid-column:2}.status-actions{justify-items:center}.guess-control{flex-direction:column}.submit-button{width:100%}.mode{min-width:76px;flex:1}.utility-drawer-grid,.guide-accordion-content .rules-list{grid-template-columns:1fr}.history-entry>summary{grid-template-columns:auto 1fr auto}.history-entry>summary strong{grid-column:1 / -1;grid-row:2}.history-attempts{grid-column:1 / 2;grid-row:3}.history-entry time{grid-column:2 / -1;grid-row:3;text-align:right}.history-entry>summary:after{grid-column:3;grid-row:1}.history-guess{grid-template-columns:24px minmax(0,1fr)}.history-comparisons{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-panel.signed-in{grid-template-columns:1fr}.background-chooser-heading{display:block}.background-chooser-heading>p{margin-top:5px}.board-header,.guess-row,.empty-board{min-width:930px}}