@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=Gloria+Hallelujah&family=Indie+Flower&family=Sue+Ellen+Francisco&display=swap");:root{--paper:#fff7ff;--paper-dark:#f3edff;--paper-yellow:#fff2e6;--ink:#2a2a2a;--ink-faded:#6b6b6b;--ink-light:#8b8b8b;--sage:#7d8471;--sage-dark:#5f6356;--sage-light:#9ba08f;--gold:#c4a052;--gold-light:#e8d5a3;--blueprint:#1e3a5f;--blueprint-light:#2d5a8a;--rule:#c4bba8;--rule-dark:#a39a87;--error:#9b4d4d;--error-light:#d4a3a3;--success:#5c7d5e;--success-light:#a3c4a5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--font-mono:"IBM Plex Mono","Space Grotesk",monospace;--font-serif:"Source Serif 4","DM Sans","Georgia",serif;--font-play:"Space Grotesk","DM Sans","IBM Plex Mono",sans-serif;--font-doodle:"Space Grotesk","DM Sans","Comic Neue",sans-serif;--font-hand:"Gloria Hallelujah",cursive;--font-hand-body:"Indie Flower",cursive;--font-hand-caption:"Sue Ellen Francisco",cursive;--radius-sm:2px;--radius:4px;--shadow-sm:0 1px 2px rgba(42,42,42,.05);--shadow:0 2px 8px rgba(42,42,42,.08);--shadow-md:0 4px 16px rgba(42,42,42,.1);--shadow-lg:0 8px 32px rgba(42,42,42,.12);--shadow-glow:0 0 20px hsla(82,8%,48%,.3);--shadow-pop:0 12px 40px rgba(31,24,63,.16),0 0 0 6px rgba(255,132,102,.08);--transition-fast:0.15s ease;--transition:0.25s ease;--transition-slow:0.4s ease;--transition-bounce:0.5s cubic-bezier(0.34,1.56,0.64,1);--pop-ink:#1b1333;--pop-purple:#7c3aed;--pop-pink:#ff4fd8;--pop-orange:#ff7b5f;--pop-yellow:#ffd76f;--pop-teal:#38e8c6;--pop-blue:#5ad6ff;--pop-foam:#fff5f0;--pop-ice:#eaf4ff;--draft-paper:#f5f0e8;--draft-paper-dark:#e8e0d0;--draft-line:#4a4a4a;--draft-line-light:#9b9b9b;--draft-line-faint:#d4cfc5;--draft-red:#c0392b;--draft-red-light:#e6a9a3;--bg-mint:#e0efd5;--lemon:#fcefa6;--lemon-dark:#f5d76e;--note-paper:#fffcf5;--note-ink:#181818;--note-border:2.5px;--radius-wobbly:2px 255px 3px 25px/255px 5px 225px 3px;--radius-wobbly-btn:255px 15px 225px 15px/15px 225px 15px 255px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 hsla(82,8%,48%,.4)}50%{box-shadow:0 0 20px 5px hsla(82,8%,48%,.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes celebrate{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.2) rotate(3deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0deg)}}@keyframes streak-fire{0%,to{text-shadow:0 0 4px var(--gold)}50%{text-shadow:0 0 12px var(--gold),0 0 20px var(--gold-light)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes countUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-mint);scroll-behavior:smooth}body{font-family:var(--font-hand-body);font-size:var(--text-base);background-color:var(--bg-mint);color:var(--note-ink);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}::selection{background:var(--sage-light);color:var(--ink)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.01em}.label,h1,h2,h3,h4,h5,h6{font-family:var(--font-mono)}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faded)}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-5)}main{padding:var(--space-7) var(--space-5)}.grid-bg{background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px}.header{border-bottom:var(--note-border) solid var(--note-ink);padding:var(--space-3) 0;background:var(--note-paper);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.08)}.header-inner{justify-content:space-between;max-width:1080px;margin:0 auto;padding:0 var(--space-5)}.header-inner,.logo{display:flex;align-items:center}.logo{font-family:var(--font-hand);font-size:var(--text-xl);transition:all var(--transition);gap:var(--space-2);text-decoration:none;color:var(--note-ink)}.logo,.logo-icon{position:relative}.logo-icon{display:inline-block;width:28px;height:28px;border:2px solid var(--note-ink);background:var(--note-paper);transition:transform var(--transition)}.logo-icon:before{top:38%;left:0;right:0;height:2px}.logo-icon:after,.logo-icon:before{content:"";position:absolute;background:var(--note-ink)}.logo-icon:after{left:55%;top:0;bottom:0;width:2px}.logo-highlight,.logo-text{position:relative}.logo-highlight{z-index:1}.logo-highlight:after{content:"";position:absolute;bottom:2px;left:-4px;width:110%;height:10px;background:var(--lemon);z-index:-1;border-radius:3px;transform:skew(-8deg) rotate(-1deg);opacity:.8}.logo:hover .logo-icon{transform:rotate(4deg)}.nav{display:flex;gap:var(--space-2);font-family:var(--font-hand);font-size:var(--text-sm)}.nav-link{color:var(--note-ink);padding:var(--space-2) var(--space-3);position:relative;transition:all .1s ease;display:inline-flex;align-items:center;border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);background:var(--note-paper);box-shadow:3px 3px 0 var(--note-ink)}.nav-link:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--note-ink)}.nav-link:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--note-ink)}.btn{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(42,42,42,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn:hover:before{width:300px;height:300px}.btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--paper);color:var(--ink);transform:none;box-shadow:none}.btn:disabled:hover:before{width:0;height:0}.btn-primary{background:var(--sage);border-color:var(--sage-dark);color:var(--paper);box-shadow:var(--shadow)}.btn-primary:before{background:hsla(0,0%,100%,.1)}.btn-primary:hover{background:var(--sage-dark);border-color:var(--ink);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:disabled:hover{background:var(--sage);color:var(--paper);box-shadow:var(--shadow)}.btn-ghost{border:1px dashed var(--rule-dark);background:transparent;color:var(--ink-faded)}.btn-ghost:before{background:hsla(82,8%,48%,.1)}.btn-ghost:hover{border-color:var(--sage);border-style:solid;background:var(--paper-dark);color:var(--ink);box-shadow:var(--shadow)}.home{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:var(--space-7) var(--space-5);animation:fadeIn .5s ease-out;perspective:1000px}.reg-mark{display:none}.home-card{background:var(--note-paper);width:100%;max-width:800px;position:relative;padding:3.5rem;border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);box-shadow:10px 10px 0 rgba(0,0,0,.1),5px 5px 15px rgba(0,0,0,.05);transform:rotate(-1deg);transition:transform .3s ease;z-index:1}.home-card:hover{transform:rotate(0deg) scale(1.005)}.title-block{position:absolute;top:-14px;left:24px;font-family:var(--font-hand);font-size:var(--text-xs);color:#555;background:var(--note-paper);padding:0 8px;z-index:2;display:block}.title-block span{display:none}.title-block:before{content:"Can you guess the building?";font-size:var(--text-sm)}.home-hero{display:grid;grid-template-columns:240px 1fr;align-items:center;grid-gap:var(--space-6);gap:var(--space-6);position:relative}.home-plan-preview{width:100%;aspect-ratio:1;background:var(--blueprint);border:var(--note-border) solid var(--note-ink);position:relative;overflow:hidden;box-shadow:4px 4px 0 rgba(0,0,0,.15);transform:rotate(2deg);transition:transform .2s ease}.home-plan-preview:hover{transform:rotate(0deg) scale(1.02)}.plan-preview-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:20px 20px}.plan-preview-mystery{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:120px;color:hsla(0,0%,100%,.15);background:radial-gradient(circle,transparent 30%,rgba(30,58,95,.5) 100%)}.home-copy{display:flex;flex-direction:column;gap:var(--space-3)}.home h1{font-family:var(--font-hand);font-size:clamp(32px,4.5vw,52px);line-height:.9;margin:0;color:var(--note-ink);transform:rotate(-1deg)}.text-highlight{position:relative;z-index:1}.text-highlight:after{content:"";position:absolute;bottom:4px;left:-6px;width:110%;height:20px;background:var(--lemon);z-index:-1;border-radius:4px;transform:skew(-10deg) rotate(-2deg);opacity:.8}.home-tagline{font-size:var(--text-xl);color:var(--note-ink);line-height:1.5}.home-lede,.home-tagline{font-family:var(--font-hand-body)}.home-lede{font-size:var(--text-lg);color:#555;line-height:1.6;max-width:400px}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.play-btn{display:inline-block;font-family:var(--font-hand);font-size:1.4rem;padding:1rem 2.5rem;background:var(--lemon);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);color:var(--note-ink);cursor:pointer;text-decoration:none;transition:all .1s ease;box-shadow:4px 4px 0 var(--note-ink);text-align:center}.play-btn:hover{background:#fff5cc;transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--note-ink)}.play-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--note-ink)}.cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:.8rem 1.2rem;font-family:var(--font-hand);font-size:var(--text-base);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);color:var(--note-ink);background:var(--note-paper);box-shadow:3px 3px 0 var(--note-ink);transition:all .1s ease}.cta-secondary:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--note-ink)}.cta-secondary:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--note-ink)}.specimen-strip{display:flex;gap:var(--space-5);justify-content:center;margin-top:var(--space-6);padding-top:var(--space-5);border-top:2px dashed rgba(0,0,0,.15);position:relative}.specimen-card{background:#fff;padding:.8rem .8rem 2rem;border:var(--note-border) solid var(--note-ink);box-shadow:4px 4px 0 rgba(0,0,0,.15);transform:rotate(2deg);transition:all .2s ease;cursor:pointer;text-align:center}.specimen-card:nth-child(2){transform:rotate(-1.5deg)}.specimen-card:nth-child(3){transform:rotate(3deg)}.specimen-card:hover{transform:scale(1.05) rotate(0deg)!important;box-shadow:8px 8px 0 rgba(0,0,0,.1);z-index:10}.specimen-card img{width:120px;height:100px;object-fit:cover;border:2px solid var(--note-ink);background:var(--lemon);display:block}.specimen-label{display:block;font-family:var(--font-hand-caption);font-size:1.3rem;color:#444;margin-top:.5rem}@media (max-width:700px){.home{padding:var(--space-5) var(--space-3);min-height:auto}.home-card{padding:2rem;width:95%}.home-hero{grid-template-columns:1fr}.home-plan-preview{max-width:200px;margin:0 auto}.home h1{font-size:2.4rem;text-align:center}.home-copy{text-align:center;align-items:center}.home-lede{max-width:100%}.cta-row{flex-direction:column;align-items:stretch}.title-block{display:none}.specimen-strip{gap:var(--space-3)}.specimen-card img{width:80px;height:70px}.specimen-card{padding:.5rem .5rem 1.5rem}}.game-page{display:flex;justify-content:center;padding:var(--space-5) var(--space-4);animation:fadeIn .4s ease-out}.game-card{background:var(--note-paper);width:100%;max-width:860px;padding:var(--space-5) var(--space-6);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);box-shadow:8px 8px 0 rgba(0,0,0,.08),4px 4px 12px rgba(0,0,0,.05);position:relative}.score-display{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-2) 0 var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.score-item{display:flex;align-items:baseline;gap:var(--space-2)}.score-label{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--ink-faded);text-transform:uppercase;letter-spacing:.05em}.score-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--ink)}.score-value--accent{color:var(--accent)}.score-value--streak{color:var(--correct)}.score-value.on-fire{animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.game-container{max-width:860px;margin:0 auto;animation:fadeIn .4s ease-out}.floor-plan{border:var(--note-border) solid var(--note-ink);height:min(70vh,600px);width:100%;margin:0 auto var(--space-4);overflow:hidden;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,.1);animation:fadeInScale .5s ease-out}.floor-plan,.floor-plan-skeleton{display:flex;align-items:center;justify-content:center}.floor-plan-skeleton{position:absolute;inset:0;z-index:3;font-family:var(--font-hand);font-size:var(--text-base);color:hsla(0,0%,100%,.6);animation:pulse 1.5s ease-in-out infinite}.floor-plan-skeleton:after{content:"Loading floor plan..."}.floor-plan img{max-width:100%;max-height:100%;object-fit:contain;animation:fadeIn .4s ease-out .2s both}.floor-plan-label{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--lemon);border:2px solid var(--note-ink);z-index:3;animation:fadeInUp .3s ease-out .3s both;transform:rotate(2deg)}.floor-plan-hint,.floor-plan-label{font-family:var(--font-hand-caption);font-size:var(--text-sm);color:var(--note-ink)}.floor-plan-hint{text-align:center;opacity:.4;margin-top:var(--space-3);animation:fadeIn .5s ease-out .4s both;transition:opacity var(--transition-fast)}.floor-plan-hint:hover{opacity:.6}.choice-grid-wrapper{max-width:800px;margin:0 auto;position:relative;animation:fadeInUp .5s ease-out .2s both}.choice-grid-prompt{text-align:center;font-family:var(--font-hand);font-size:var(--text-base);color:var(--note-ink);margin-bottom:var(--space-4);animation:fadeIn .4s ease-out}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.choice-card{padding:var(--space-3);border:var(--note-border) solid var(--note-ink);background:var(--note-paper);cursor:pointer;transition:all .1s ease;text-align:center;position:relative;box-shadow:3px 3px 0 var(--note-ink);border-radius:var(--radius-wobbly);animation:fadeInUp .4s ease-out both}.choice-card:first-child{animation-delay:.1s}.choice-card:nth-child(2){animation-delay:.15s}.choice-card:nth-child(3){animation-delay:.2s}.choice-card:nth-child(4){animation-delay:.25s}.choice-card:nth-child(5){animation-delay:.3s}.choice-card:before{content:"";position:absolute;inset:0;background:var(--lemon);opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-wobbly)}.choice-card:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--note-ink);z-index:2}.choice-card:hover:before{opacity:0}.choice-card:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--note-ink)}.choice-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.choice-card:disabled:hover{background:var(--note-paper);transform:none;box-shadow:3px 3px 0 var(--note-ink)}.choice-card:disabled:hover:before{opacity:0}.choice-card-image{width:100%;height:80px;margin-bottom:var(--space-2);background:var(--draft-paper);border:2px solid var(--note-ink);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-fast);position:relative}.choice-card:hover .choice-card-image{border-color:var(--note-ink)}.choice-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.choice-card:hover .choice-card-image img{transform:scale(1.05)}.choice-card-placeholder{opacity:.4}.choice-card-name,.choice-card-placeholder{font-family:var(--font-hand-caption);font-size:var(--text-sm);color:var(--note-ink)}.choice-card-name{line-height:1.3;transition:color var(--transition-fast)}.choice-card:hover .choice-card-name{color:var(--note-ink)}.choice-loading-overlay{position:absolute;inset:0;background:rgba(255,252,245,.92);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.choice-loading-box{background:var(--note-paper);padding:var(--space-4) var(--space-6);border:var(--note-border) solid var(--note-ink);font-family:var(--font-hand);font-size:var(--text-base);box-shadow:4px 4px 0 var(--note-ink);border-radius:var(--radius-wobbly-btn);animation:pulse 1.5s ease-in-out infinite;position:relative}.choice-loading-box:after{display:none}.sb{margin-bottom:var(--space-4);padding:var(--space-3) 0;border-bottom:2px solid var(--note-ink);animation:fadeIn .4s ease-out}.sb-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.sb-metric{display:flex;flex-direction:column;gap:2px}.sb-label{font-family:var(--font-hand-caption);font-size:var(--text-lg);color:var(--note-ink);opacity:.5}.sb-score{position:relative;display:inline-flex;align-items:baseline;gap:var(--space-2)}.sb-score-value{font-family:var(--font-hand);font-size:var(--text-3xl);color:var(--note-ink);line-height:1}.sb-score-delta{position:absolute;right:-4px;top:-14px;font-family:var(--font-hand);font-size:var(--text-sm);font-weight:600;color:var(--success);animation:scoreDeltaFloat 1.2s ease-out forwards;pointer-events:none}@keyframes scoreDeltaFloat{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-16px)}to{opacity:0;transform:translateY(-24px)}}.sb-round{font-family:var(--font-hand);font-size:var(--text-3xl);color:var(--note-ink);line-height:1}.sb-round-total{color:var(--note-ink);opacity:.4;font-size:var(--text-xl)}.sb-accuracy{font-family:var(--font-hand);font-size:var(--text-2xl);color:var(--note-ink);line-height:1}.sb-streak{display:flex;align-items:center;gap:var(--space-2)}.sb-streak-bar{width:64px;height:6px;background:var(--draft-line-faint);overflow:hidden;position:relative;border-radius:3px}.sb-streak-fill{height:100%;background:var(--note-ink);transition:width .4s cubic-bezier(.34,1.56,.64,1);border-radius:3px}.sb-streak-fill--hot{background:var(--lemon-dark)}.sb-streak-fill--fire{background:linear-gradient(90deg,var(--lemon-dark),var(--pop-orange));animation:streakPulse .8s ease-in-out infinite}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.7}}.sb-streak-count{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--note-ink);opacity:.4;line-height:1;min-width:18px}.sb-streak-count--hot{opacity:1;color:var(--lemon-dark)}.sb-pips{display:flex;gap:4px}.sb-pip{width:100%;height:4px;background:var(--draft-line-faint);transition:background .3s ease;border-radius:2px}.sb-pip--current{background:var(--note-ink);animation:pipPulse 1.5s ease-in-out infinite}.sb-pip--past{background:var(--note-ink);opacity:.35}@keyframes pipPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bannerFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerFlashCorrect{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}30%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerFlashWrong{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{transform:translate(-50%,-48%) scale(1)}40%{transform:translate(-50%,-52%) scale(1)}60%{transform:translate(-50%,-49%) scale(1)}80%{transform:translate(-50%,-51%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.round-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6);border:3px solid var(--rule-dark);background:#fff;font-family:var(--font-mono);cursor:pointer;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);animation:bannerFlash .3s ease-out forwards}.round-feedback:after{content:"";position:fixed;inset:0;background:hsla(0,0%,100%,.4);z-index:-1}.round-feedback:hover{background:var(--paper-dark)}.round-feedback--correct{border-color:var(--success);background:var(--paper);animation:bannerFlashCorrect .4s ease-out forwards}.round-feedback--wrong{border-color:var(--error);background:var(--paper);animation:bannerFlashWrong .4s ease-out forwards}.round-feedback-main{display:flex;flex-direction:column;gap:var(--space-2)}.round-feedback-title{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faded)}.round-feedback--correct .round-feedback-title{color:var(--success)}.round-feedback--wrong .round-feedback-title{color:var(--error)}.round-feedback-name{font-size:var(--text-lg);font-weight:500;color:var(--ink)}.round-feedback-meta{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faded);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.round-feedback-points{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--sage);color:var(--paper);font-weight:600;font-size:var(--text-sm)}.skip-btn{position:relative;z-index:5;font-family:var(--font-hand);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);background:var(--note-paper);color:var(--note-ink);cursor:pointer;transition:all .1s ease;box-shadow:2px 2px 0 var(--note-ink)}.skip-btn:before{display:none}.skip-btn:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--note-ink)}.skip-btn:hover:before{display:none}.skip-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--note-ink)}.skip-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.skip-btn:disabled:before{display:none}.modal-overlay{position:fixed;inset:0;background:hsla(0,0%,9%,.7);display:flex;align-items:center;justify-content:center;padding:var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out;z-index:100}.modal{background:var(--note-paper);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);padding:var(--space-6);max-width:420px;width:100%;box-shadow:8px 8px 0 rgba(0,0,0,.12);position:relative;animation:fadeInScale .3s ease-out}.modal:after,.modal:before{display:none}.modal h2{font-family:var(--font-hand);font-size:var(--text-2xl);margin-bottom:var(--space-2);position:relative}.modal h2,.modal>p{text-align:center;color:var(--note-ink)}.modal>p{font-family:var(--font-hand-body);opacity:.6;margin-bottom:var(--space-5)}.modal-result-correct{color:var(--success)}.modal-result-incorrect{color:var(--error)}.modal-btn{width:100%;font-family:var(--font-hand);font-size:var(--text-lg);padding:var(--space-3) var(--space-4);background:var(--lemon);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);color:var(--note-ink);cursor:pointer;transition:all .1s ease;box-shadow:4px 4px 0 var(--note-ink);position:relative;overflow:hidden}.modal-btn:before{display:none}.modal-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--note-ink)}.modal-btn:hover:before{display:none}.modal-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--note-ink)}.game-over-modal{max-width:480px;overflow:visible}.game-over-modal h2{font-size:var(--text-3xl);animation:fadeInUp .4s ease-out}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-5) 0}.stat-box{background:var(--note-paper);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);padding:var(--space-4);text-align:center;transition:all .1s ease;animation:fadeInUp .4s ease-out both;position:relative;overflow:hidden;box-shadow:2px 2px 0 var(--note-ink)}.stat-box:first-child{animation-delay:.1s}.stat-box:nth-child(2){animation-delay:.15s}.stat-box:nth-child(3){animation-delay:.2s}.stat-box:nth-child(4){animation-delay:.25s}.stat-box:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--note-ink)}.stat-box .label{display:block;margin-bottom:var(--space-1);font-family:var(--font-hand-caption);font-size:var(--text-sm)}.stat-box .value{font-family:var(--font-hand);font-size:var(--text-2xl);color:var(--note-ink);display:inline-block;animation:countUp .5s ease-out both}.stat-box:first-child .value{animation-delay:.3s}.stat-box:nth-child(2) .value{animation-delay:.4s}.stat-box:nth-child(3) .value{animation-delay:.5s}.stat-box:nth-child(4) .value{animation-delay:.6s}.stat-box .value--accent{color:var(--note-ink)}.stat-box--primary{grid-column:1/-1;background:var(--lemon);border-color:var(--note-ink);padding:var(--space-5);box-shadow:3px 3px 0 var(--note-ink)}.stat-box--primary .label{color:var(--note-ink);opacity:.7}.stat-box--primary .value{font-size:var(--text-3xl);color:var(--note-ink)}.game-over-actions{display:flex;flex-direction:column;gap:var(--space-3);animation:fadeInUp .4s ease-out .4s both}.btn-secondary-link{display:block;text-align:center;font-family:var(--font-hand);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);color:var(--note-ink);background:var(--note-paper);box-shadow:2px 2px 0 var(--note-ink);transition:all .1s ease;position:relative}.btn-secondary-link:before{display:none}.btn-secondary-link:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--note-ink)}.leaderboard-submit{margin:var(--space-5) 0;padding:var(--space-4);background:var(--note-paper);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);box-shadow:2px 2px 0 var(--note-ink);animation:fadeInUp .4s ease-out .3s both;position:relative}.leaderboard-prompt{font-family:var(--font-hand-caption);font-size:var(--text-base);color:var(--note-ink);opacity:.6;margin-bottom:var(--space-3);text-align:center}.leaderboard-input-row{display:flex;gap:var(--space-2)}.username-input{flex:1 1;font-family:var(--font-hand-body);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border:var(--note-border) solid var(--note-ink);background:var(--note-paper);color:var(--note-ink);transition:all var(--transition-fast)}.username-input:focus{outline:none;border-color:var(--note-ink);box-shadow:0 0 0 3px hsla(0,0%,9%,.08)}.username-input:disabled{opacity:.6}.submit-btn{font-family:var(--font-hand);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--lemon);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);color:var(--note-ink);cursor:pointer;transition:all .1s ease;box-shadow:3px 3px 0 var(--note-ink);position:relative;overflow:hidden}.submit-btn:before{display:none}.submit-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--note-ink)}.submit-btn:hover:before{display:none}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-error{font-family:var(--font-hand-caption);font-size:var(--text-sm);color:var(--error);margin-top:var(--space-2);text-align:center;animation:shake .4s ease-out}.leaderboard-submitted{margin:var(--space-5) 0;padding:var(--space-4);background:hsla(95,45%,89%,.5);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);text-align:center;font-family:var(--font-hand-body);font-size:var(--text-base);color:var(--note-ink);animation:fadeInScale .4s ease-out}.leaderboard-submitted strong{color:var(--note-ink)}.leaderboard{max-width:560px;margin:var(--space-5) auto;background:var(--note-paper);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);padding:var(--space-6);box-shadow:8px 8px 0 rgba(0,0,0,.08),4px 4px 12px rgba(0,0,0,.05);animation:fadeIn .5s ease-out}.leaderboard h1{font-family:var(--font-hand);font-size:var(--text-3xl);margin-bottom:var(--space-5);text-align:center;padding-bottom:var(--space-3);color:var(--note-ink);position:relative;animation:fadeInUp .5s ease-out}.leaderboard h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--note-ink)}.leaderboard-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp .5s ease-out .1s both}.leaderboard-tab{font-family:var(--font-hand);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly-btn);background:var(--note-paper);color:var(--note-ink);cursor:pointer;transition:all .1s ease;box-shadow:2px 2px 0 var(--note-ink)}.leaderboard-tab:hover{background:var(--lemon);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--note-ink)}.leaderboard-tab.active{background:var(--note-ink);color:var(--note-paper);box-shadow:2px 2px 0 var(--note-ink)}.leaderboard-list{border:var(--note-border) solid var(--note-ink);border-radius:var(--radius-wobbly);overflow:hidden;box-shadow:3px 3px 0 var(--note-ink);animation:fadeInUp .5s ease-out .2s both}.leaderboard-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1.5px solid var(--note-ink);transition:all .1s ease;position:relative;font-family:var(--font-hand-body)}.leaderboard-item:hover{background:var(--lemon)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:first-child{background:hsla(51,93%,82%,.4)}.leaderboard-item:first-child .leaderboard-rank{color:var(--gold);font-size:var(--text-lg)}.leaderboard-item:nth-child(2){background:hsla(95,45%,89%,.3)}.leaderboard-item:nth-child(2) .leaderboard-rank{color:var(--note-ink);opacity:.5;font-size:var(--text-base)}.leaderboard-item:nth-child(3){background:hsla(37,39%,94%,.5)}.leaderboard-item:nth-child(3) .leaderboard-rank{color:#b48264}.leaderboard-rank{width:40px;font-family:var(--font-hand);color:var(--note-ink);opacity:.6;transition:all var(--transition-fast)}.leaderboard-name{flex:1 1;font-family:var(--font-hand-body)}.leaderboard-score{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--note-ink);transition:all var(--transition-fast)}.leaderboard-item:hover .leaderboard-score{transform:scale(1.05)}.leaderboard-note{font-family:var(--font-hand-caption);font-size:var(--text-sm);color:var(--note-ink);opacity:.4;text-align:center;margin-top:var(--space-4);animation:fadeIn .5s ease-out .3s both}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.divider{border:none;border-top:1px dashed var(--rule);margin:var(--space-5) 0;position:relative}.divider:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:var(--paper);border:1px dashed var(--rule);transform:translateX(-50%) rotate(45deg)}.score{font-family:var(--font-mono);font-weight:600}.game-actions{display:flex;gap:var(--space-3);font-size:var(--text-sm);animation:fadeIn .3s ease-out}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}:focus-visible{outline:2px solid var(--sage);outline-offset:2px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.spinner{width:24px;height:24px;border:2px solid var(--rule);border-top-color:var(--sage);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--paper-dark) 25%,var(--paper) 50%,var(--paper-dark) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:var(--space-1) var(--space-2);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.03em;background:var(--paper-dark);border:1px solid var(--rule)}.badge--success{background:var(--success-light);border-color:var(--success);color:var(--success)}.badge--error{background:var(--error-light);border-color:var(--error);color:var(--error)}.badge--gold{background:var(--gold-light);border-color:var(--gold);color:var(--gold)}@media (max-width:640px){main{padding:var(--space-4) 0}.container,.header-inner{padding:0 var(--space-3)}.logo{font-size:var(--text-base)}.logo-icon{width:22px;height:22px}.nav{gap:var(--space-1);font-size:var(--text-xs)}.nav-link{padding:var(--space-1) var(--space-2);box-shadow:2px 2px 0 var(--note-ink)}.game-page{padding:var(--space-3) 0}.game-card{padding:var(--space-4) var(--space-3);border-left:none;border-right:none;border-radius:0;box-shadow:none}.floor-plan{max-width:100%}.choice-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.round-feedback{flex-direction:column;align-items:flex-start}.round-feedback-meta{white-space:normal}.sb-top{flex-wrap:wrap;gap:var(--space-3)}.stats-grid{grid-template-columns:1fr}.secondary-links{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.choice-grid{grid-template-columns:repeat(2,1fr)}}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.mode-card{display:block;padding:var(--space-5);border:2px solid var(--rule);background:var(--paper);transition:all var(--transition);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out both}.mode-card:first-child{animation-delay:.1s}.mode-card:nth-child(2){animation-delay:.2s}.mode-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--sage);transform:scaleY(0);transition:transform var(--transition);transform-origin:bottom}.mode-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,hsla(82,8%,48%,.03));opacity:0;transition:opacity var(--transition)}.mode-card:hover{border-color:var(--sage);background:var(--paper);transform:translateY(-4px);box-shadow:var(--shadow-md)}.mode-card:hover:before{transform:scaleY(1)}.mode-card:hover:after{opacity:1}.mode-card-form{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block;margin-bottom:var(--space-3);position:relative;z-index:1}.mode-card-title{font-size:var(--text-xl);margin-bottom:var(--space-2);position:relative;z-index:1;transition:color var(--transition-fast)}.mode-card:hover .mode-card-title{color:var(--sage-dark)}.mode-card-desc{font-size:var(--text-sm);color:var(--ink-faded);line-height:1.5;margin-bottom:var(--space-4);position:relative;z-index:1}.mode-card-action{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--sage-dark);position:relative;z-index:1;display:inline-block}.mode-card-action:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--sage);transform:scaleX(.5);transition:transform var(--transition);transform-origin:left}.mode-card:hover .mode-card-action:after{transform:scaleX(1)}@media (max-width:768px){.mode-cards{grid-template-columns:1fr}}.daily-banner{display:block;padding:var(--space-5);background:linear-gradient(135deg,var(--paper-yellow) 0,var(--gold-light) 100%);border:2px solid var(--gold);margin-bottom:var(--space-6);transition:all var(--transition);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out;box-shadow:var(--shadow)}.daily-banner:before{content:"NEW";position:absolute;top:12px;right:-28px;background:var(--gold);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-6);transform:rotate(45deg);letter-spacing:.05em;box-shadow:0 2px 4px rgba(0,0,0,.1)}.daily-banner:hover{border-color:var(--sage);transform:translateY(-2px);box-shadow:var(--shadow-md)}.daily-banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed var(--rule-dark)}.daily-banner-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);font-weight:600}.daily-banner-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);font-weight:500}.daily-banner-desc{font-size:var(--text-sm);color:var(--ink-faded);margin-bottom:var(--space-4)}.daily-banner-action{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--sage-dark);position:relative;display:inline-block}.daily-banner-action:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--sage);transition:transform var(--transition);transform-origin:left}.daily-banner:hover .daily-banner-action:after{animation:shimmer 1s ease-in-out infinite;background:linear-gradient(90deg,var(--sage),var(--gold),var(--sage));background-size:200% 100%}.daily-banner--completed{background:linear-gradient(135deg,var(--paper) 0,var(--paper-dark) 100%);border-color:var(--rule-dark);cursor:default;pointer-events:none}.daily-banner--completed:before{content:none}.daily-banner--completed .daily-banner-desc{margin-bottom:0}.preloader{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.preloader-content{max-width:320px;text-align:center}.preloader-content h1{font-size:var(--text-2xl);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--ink)}.preloader-status{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-faded);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-4);animation:pulse 2s ease-in-out infinite}.preloader-bar-container{width:100%;height:10px;background:var(--paper-dark);border:1px solid var(--rule);margin-bottom:var(--space-3);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);position:relative}.preloader-bar{height:100%;background:linear-gradient(90deg,var(--sage-light),var(--sage),var(--sage-dark));transition:width .3s ease-out;position:relative;box-shadow:0 0 10px hsla(82,8%,48%,.4)}.preloader-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 1.5s ease-in-out infinite}.preloader-progress{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-light);animation:fadeIn .5s ease-out}.preloader-error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--error);margin-bottom:var(--space-5);animation:shake .5s ease-out}.round-feedback-location{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--ink-faded);font-style:italic;margin-top:var(--space-1)}.play-btn--location{background:var(--accent-green,#5c7d5e);border-color:var(--accent-green,#5c7d5e)}.play-btn--location:hover{background:#4a6b4c;border-color:#4a6b4c}.game-card--location{max-width:1400px}.location-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5);height:min(70vh,600px)}.expert-map-container{position:relative;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border)}.expert-map,.expert-map-container{width:100%;height:100%}.expert-map-prompt{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--ink-faded);pointer-events:none;white-space:nowrap}.expert-map-marker{cursor:pointer}.location-panel{position:relative;height:100%}.location-panel-actions{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);z-index:10;width:80%;max-width:320px}.location-submit-btn{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-4);background:#2d3748;color:#f5f1e8;border:2px solid #2d3748;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.25)}.location-submit-btn:hover:not(:disabled){background:#4a5568}.location-submit-btn:disabled{background:#718096;border-color:#718096;cursor:not-allowed}.location-distance-badge{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--paper);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.25)}.location-distance-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--ink)}.location-distance-label{font-family:var(--font-serif);font-size:var(--text-base);color:var(--ink-faded)}.round-feedback-distance{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-faded);margin-top:var(--space-1)}@media (max-width:900px){.location-layout{grid-template-columns:1fr;height:auto}.expert-map-container{min-height:300px}.location-panel{min-height:380px}}