@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap");:root{--paper:#f5f1e8;--paper-dark:#ebe6da;--paper-yellow:#f0e6c8;--ink:#2a2a2a;--ink-faded:#6b6b6b;--ink-light:#8b8b8b;--sage:#7d8471;--sage-dark:#5f6356;--sage-light:#9ba08f;--rule:#c4bba8;--rule-dark:#a39a87;--error:#9b4d4d;--success:#5c7d5e;--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;--font-mono:"IBM Plex Mono","Menlo",monospace;--font-serif:"Source Serif 4","Georgia",serif;--radius-sm:2px;--radius:4px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--paper)}body{font-family:var(--font-serif);font-size:var(--text-base);color:var(--ink);line-height:1.6;min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 51px)}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:900px;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:2px solid var(--ink);padding:var(--space-4) 0;background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:var(--text-lg);letter-spacing:-.02em}.logo,.nav{font-family:var(--font-mono)}.nav{display:flex;gap:var(--space-5);font-size:var(--text-sm)}.nav a{color:var(--ink-faded);padding:var(--space-1) 0;border-bottom:1px dashed transparent;transition:color .1s,border-color .1s}.nav a:hover{color:var(--ink);border-bottom-color:var(--ink-faded)}.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:background .1s,color .1s;text-transform:uppercase;letter-spacing:.03em}.btn:hover{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--paper);color:var(--ink)}.btn-primary{background:var(--sage);border-color:var(--sage-dark);color:var(--paper)}.btn-primary:hover{background:var(--sage-dark);border-color:var(--ink)}.btn-primary:disabled:hover{background:var(--sage);color:var(--paper)}.btn-ghost{border:1px dashed var(--rule-dark);background:transparent;color:var(--ink-faded)}.btn-ghost:hover{border-color:var(--ink-faded);border-style:solid;background:var(--paper-dark);color:var(--ink)}.home{max-width:520px;margin:0 auto;text-align:center;padding:var(--space-7) 0}.home h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);border-bottom:3px solid var(--ink);padding-bottom:var(--space-3);display:inline-block}.home>p{font-size:var(--text-lg);color:var(--ink-faded);margin-bottom:var(--space-7);font-style:italic}.play-btn{display:inline-block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;padding:var(--space-4) var(--space-6);background:var(--sage);border:2px solid var(--sage-dark);color:var(--paper);text-transform:uppercase;letter-spacing:.05em;transition:background .1s}.play-btn:hover{background:var(--sage-dark)}.secondary-links{margin-top:var(--space-7);display:flex;justify-content:center;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);padding-top:var(--space-5);border-top:1px dashed var(--rule)}.secondary-links a{color:var(--ink-faded);padding-bottom:var(--space-1);border-bottom:1px dashed transparent}.secondary-links a:hover{color:var(--sage-dark);border-bottom-color:var(--sage)}.game-container{max-width:800px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px dashed var(--rule)}.game-header h1{font-size:var(--text-xl);font-weight:500}.floor-plan{background:#1e2a3a;border:2px solid var(--ink);aspect-ratio:1;max-width:480px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.floor-plan:before{content:"";position:absolute;inset:0;border:1px solid hsla(0,0%,100%,.1);pointer-events:none}.floor-plan img{max-width:100%;max-height:100%;object-fit:contain}.floor-plan-label{position:absolute;top:var(--space-3);right:var(--space-3);letter-spacing:.05em;padding:var(--space-1) var(--space-3);background:var(--paper-yellow);color:var(--ink);border:1px solid var(--rule-dark)}.floor-plan-hint,.floor-plan-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.floor-plan-hint{text-align:center;color:var(--ink-light);margin-top:var(--space-2);letter-spacing:.03em}.choice-grid-wrapper{max-width:800px;margin:0 auto;position:relative}.choice-grid-prompt{text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-faded);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.03em}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.choice-card{padding:var(--space-2);border:2px solid var(--rule);background:var(--paper);cursor:pointer;transition:border-color .1s,background .1s;text-align:center}.choice-card:hover{border-color:var(--sage);background:var(--paper-dark)}.choice-card:disabled{opacity:.4;cursor:not-allowed}.choice-card:disabled:hover{border-color:var(--rule);background:var(--paper)}.choice-card-image{width:100%;height:70px;margin-bottom:var(--space-2);background:var(--paper-dark);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;overflow:hidden}.choice-card-image img{width:100%;height:100%;object-fit:cover}.choice-card-placeholder{color:var(--ink-light)}.choice-card-name,.choice-card-placeholder{font-family:var(--font-mono);font-size:var(--text-xs)}.choice-card-name{font-weight:500;line-height:1.3;color:var(--ink)}.choice-loading-overlay{position:absolute;inset:0;background:hsla(42,39%,94%,.9);display:flex;align-items:center;justify-content:center;z-index:10}.choice-loading-box{background:var(--paper);padding:var(--space-4) var(--space-6);border:2px solid var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em}.score-display{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-4);border:1px dashed var(--rule);background:var(--paper-dark)}.score-item{text-align:center}.score-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faded);display:block;margin-bottom:var(--space-1)}.score-label,.score-value{font-family:var(--font-mono)}.score-value{font-size:var(--text-xl);font-weight:600;color:var(--ink)}.score-value--accent{color:var(--sage-dark)}.score-value--streak{color:var(--success)}.score-subtext{display:block;margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faded)}.round-feedback{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 auto var(--space-5);padding:var(--space-3) var(--space-4);border:2px solid var(--rule-dark);background:var(--paper);font-family:var(--font-mono);cursor:pointer;transition:transform .08s,border-color .08s,background .08s;text-align:left}.round-feedback:hover{transform:translateY(-1px);background:var(--paper-dark)}.round-feedback--correct{border-color:var(--success)}.round-feedback--wrong{border-color:var(--error)}.round-feedback-main{display:flex;flex-direction:column;gap:var(--space-1)}.round-feedback-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faded)}.round-feedback-name{font-size:var(--text-base);color:var(--ink)}.round-feedback-meta{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.round-feedback-meta,.skip-btn{font-family:var(--font-mono);color:var(--ink-faded)}.skip-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px dashed var(--rule-dark);background:transparent;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.skip-btn:hover{background:var(--paper-dark);color:var(--ink);border-color:var(--ink-faded);border-style:solid}.skip-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:rgba(42,42,42,.7);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.modal{background:var(--paper);border:2px solid var(--ink);padding:var(--space-6);max-width:420px;width:100%}.modal h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);text-align:center}.modal>p{color:var(--ink-faded);margin-bottom:var(--space-5);text-align:center;font-style:italic}.modal-result-correct{color:var(--success)}.modal-result-incorrect{color:var(--error)}.modal-btn{width:100%;font-family:var(--font-mono);font-size:var(--text-base);font-weight:500;padding:var(--space-4);background:var(--sage);border:2px solid var(--sage-dark);color:var(--paper);cursor:pointer;transition:background .1s;text-transform:uppercase;letter-spacing:.05em}.modal-btn:hover{background:var(--sage-dark)}.game-over-modal{max-width:480px}.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(--paper-dark);border:1px solid var(--rule);padding:var(--space-4);text-align:center}.stat-box .label{display:block;margin-bottom:var(--space-1)}.stat-box .value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;color:var(--ink)}.stat-box .value--accent{color:var(--sage-dark)}.game-over-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-secondary-link{display:block;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border:1px dashed var(--rule-dark);color:var(--ink-faded);transition:background .1s,color .1s,border-color .1s}.btn-secondary-link:hover{background:var(--paper-dark);color:var(--ink);border-color:var(--ink-faded);border-style:solid}.leaderboard-submit{margin:var(--space-5) 0;padding:var(--space-4);background:var(--paper-dark);border:1px dashed var(--rule-dark)}.leaderboard-prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-faded);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-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:2px solid var(--rule);background:var(--paper);color:var(--ink)}.username-input:focus{outline:none;border-color:var(--sage)}.username-input:disabled{opacity:.6}.submit-btn{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--sage);border:2px solid var(--sage-dark);color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:background .1s}.submit-btn:hover{background:var(--sage-dark)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-2)}.leaderboard-submitted,.submit-error{font-family:var(--font-mono);text-align:center}.leaderboard-submitted{margin:var(--space-5) 0;padding:var(--space-4);background:var(--paper-dark);border:1px solid var(--success);font-size:var(--text-sm);color:var(--ink)}.leaderboard-submitted strong{color:var(--sage-dark)}.leaderboard{max-width:560px;margin:0 auto}.leaderboard h1{font-size:var(--text-2xl);margin-bottom:var(--space-5);text-align:center;padding-bottom:var(--space-3);border-bottom:2px solid var(--ink)}.leaderboard-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);justify-content:center}.leaderboard-tab{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;padding:var(--space-2) var(--space-4);border:1px solid var(--rule);background:var(--paper);color:var(--ink-faded);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.leaderboard-tab:hover{background:var(--paper-dark);color:var(--ink)}.leaderboard-tab.active{background:var(--sage);border-color:var(--sage-dark);color:var(--paper)}.leaderboard-list{border:2px solid var(--ink)}.leaderboard-item{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px dashed var(--rule)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{width:32px;font-family:var(--font-mono);font-weight:600;color:var(--ink-faded)}.leaderboard-name{flex:1 1}.leaderboard-score{font-family:var(--font-mono);font-weight:600;color:var(--sage-dark)}.leaderboard-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faded);text-align:center;text-transform:uppercase;letter-spacing:.03em}.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}.score{font-family:var(--font-mono);font-weight:600}.game-actions{display:flex;gap:var(--space-3);font-size:var(--text-sm)}@media (max-width:640px){.choice-grid{grid-template-columns:repeat(3,1fr)}.round-feedback{flex-direction:column;align-items:flex-start}.round-feedback-meta{white-space:normal}.score-display{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)}.game-header{flex-direction:column;gap:var(--space-3);text-align:center}}.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:border-color .1s,background .1s}.mode-card:hover{border-color:var(--sage);background:var(--paper-dark)}.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)}.mode-card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.mode-card-desc{font-size:var(--text-sm);color:var(--ink-faded);line-height:1.5;margin-bottom:var(--space-4)}.mode-card-action{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--sage-dark);border-bottom:1px solid var(--sage)}@media (max-width:768px){.mode-cards{grid-template-columns:1fr}}.daily-banner{display:block;padding:var(--space-5);background:var(--paper-yellow);border:2px solid var(--rule-dark);margin-bottom:var(--space-6);transition:border-color .1s}.daily-banner:hover{border-color:var(--sage)}.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-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink)}.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);border-bottom:1px solid var(--sage)}