:root{font-family:Segoe UI,Malgun Gothic,sans-serif;color:#e8edf1;background:#10151a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #171e24;--surface-raised: #1c252c;--line: #29343c;--muted: #839099;--mint: #96e5c5;--mono: "Consolas", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{color:inherit}.topbar{height:72px;padding:0 max(5vw,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222b32}.brand{display:flex;align-items:center;gap:11px;color:#e9f2f0;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.03em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--mint);border-radius:8px 2px;color:var(--mint);font-size:16px;letter-spacing:0}.brand-light{color:#829099;font-weight:500}.top-meta{display:flex;align-items:center;gap:18px}.eyebrow,.slot-count,.query-hint{color:var(--muted);font:10px var(--mono);letter-spacing:.12em}.user-chip{max-width:140px;overflow:hidden;color:#bdd5c9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.logout-button{padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:transparent;color:#9aa6a9;cursor:pointer;font-size:9px}.logout-button:hover{border-color:#78998a;color:var(--mint)}.nav-button,.text-button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:#aab7b2;cursor:pointer;font-size:11px}.nav-button:hover,.text-button:hover{border-color:var(--mint);color:var(--mint)}.header-error{color:#f0a39a;font-size:10px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:17px}.icon-button:hover{color:var(--mint);border-color:var(--mint)}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr);gap:22px;width:min(1440px,90vw);margin:46px auto 72px;align-items:start}.setup-layout{display:grid;width:min(620px,90vw);gap:18px;margin:68px auto 110px}.setup-intro{min-height:120px}.setup-panel{padding:24px}.setup-panel .panel-heading{margin-bottom:20px}.setup-panel form{display:grid;gap:15px}.setup-panel label{display:grid;gap:8px;color:#a4afb3;font-size:11px}.setup-panel select,.setup-panel input{height:42px;padding:0 11px;border:1px solid #344049;border-radius:6px;outline:0;background:#12181d;color:#e0e9e6;font-size:12px}.setup-panel select:focus,.setup-panel input:focus{border-color:var(--mint)}.setup-panel input::placeholder{color:#718087}.setup-note{color:#87949a;font-size:10px;line-height:1.7}.auth-switch{margin-top:12px}.home-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:22px;width:min(1200px,90vw);margin:46px auto 72px;align-items:start}.home-main,.home-side{display:grid;gap:18px;min-width:0}.home-intro{min-height:132px}.home-play{display:grid;gap:14px;padding:24px}.home-play h2{font-size:19px;line-height:1.5}.home-play p{color:#9aa6a9;font-size:12px;line-height:1.8}.guide-panel{padding:22px}.guide-panel h2{font-size:15px}.guide-panel ol{display:grid;gap:17px;margin:18px 0 0;padding:0;list-style:none;counter-reset:guide}.guide-panel li{display:grid;grid-template-columns:28px 1fr;gap:3px 10px;counter-increment:guide}.guide-panel li:before{grid-row:span 2;display:grid;width:26px;height:26px;place-items:center;border:1px solid #395148;border-radius:50%;color:var(--mint);content:counter(guide);font:11px var(--mono)}.guide-panel li strong{color:#d8e2dc;font-size:12px}.guide-panel li span{color:#89969a;font-size:10px;line-height:1.6}.setup-screen .guide-panel{margin-top:0}.setup-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.setup-stats span{padding:14px;color:var(--mint);font:15px var(--mono);text-align:center}.setup-stats span+span{border-left:1px solid var(--line)}.setup-stats strong{display:block;margin-top:5px;color:#859298;font:9px Malgun Gothic,sans-serif}.game-column,.side-column{display:grid;gap:18px;min-width:0}.intro{display:flex;align-items:center;justify-content:space-between;min-height:132px;padding:4px 4px 16px}.eyebrow{display:block;color:#91b6a8;font-size:9px;letter-spacing:.16em}h1,h2,p{margin:0}h1{margin-top:12px;color:#f2f5f5;font-size:clamp(27px,3vw,38px);letter-spacing:-.055em}h1 span{color:var(--mint)}.intro p{margin-top:9px;color:#89959d;font-size:12px}.stage-pill{min-width:84px;padding:12px;border:1px solid var(--line);border-radius:9px;text-align:right}.stage-pill span{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.12em}.stage-pill strong{display:block;margin-top:5px;color:var(--mint);font:21px var(--mono)}.stage-pill small{color:#76838b;font-size:10px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{margin-top:5px;font-size:15px;letter-spacing:-.02em}.board-panel,.query-panel,.hud-panel,.guess-panel,.log-panel{padding:20px}.board-panel .panel-heading{margin-bottom:20px}.slot-count{font-size:9px;letter-spacing:.08em}.secret-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.secret-placeholder{display:grid;min-height:132px;place-items:center;align-content:center;gap:10px;border:1px dashed #35434a;border-radius:8px;background:#151c21;color:#77848b;font-size:10px}.slot-number{color:#718078;font:9px var(--mono);letter-spacing:.1em}.secret-placeholder .slot-number{align-self:start;justify-self:start;margin:12px 0 0 12px}.lock{color:#80958d;font:27px var(--mono)}.board-hint{display:flex;align-items:center;gap:8px;margin-top:14px;color:#839098;font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #96e5c566}.query-panel .panel-heading{margin-bottom:17px}.query-hint{font-size:9px;letter-spacing:0}.query-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.query-type input{position:absolute;opacity:0;pointer-events:none}.query-type span{display:flex;min-height:54px;flex-direction:column;justify-content:center;gap:4px;padding:0 12px;border:1px solid #303b43;border-radius:7px;background:#141b20;cursor:pointer}.query-type input:checked+span{border-color:#7fcaae;background:#1a2a27}.query-type b{font-size:11px;font-weight:600}.query-type small{color:#83958e;font:8px var(--mono);letter-spacing:.08em}.query-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:11px;margin:16px 0}.query-fields label,.guess-card label{display:grid;gap:7px;color:#a4afb3;font-size:10px}.query-fields select,.guess-card select{width:100%;height:36px;padding:0 9px;border:1px solid #344049;border-radius:6px;outline:0;background:#12181d;color:#e0e9e6;font-size:11px}.query-fields select:focus,.guess-card select:focus{border-color:var(--mint)}.field-pair{display:flex;align-items:center;gap:7px}.pair-word{color:var(--muted);font-size:10px}.button{display:flex;min-height:41px;align-items:center;justify-content:center;gap:12px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:.18s ease}.button span{font-size:15px}.button.primary{border:1px solid var(--mint);background:var(--mint);color:#102019}.button.primary:hover{background:#b1f2d7}.button.outline{border:1px solid #637d73;background:#1a2824;color:var(--mint)}.button.outline:hover{border-color:var(--mint);background:#20352e}.button:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.answer-feedback{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 14px;margin-top:16px;padding:15px 17px;border:1px solid #33423f;border-radius:8px;background:#172320}.answer-feedback>span{grid-column:1 / -1;color:#9baaa4;font-size:10px}.answer-feedback strong{color:#d0dcd6;font-size:20px}.answer-feedback p{color:#aab7b1;font-size:12px;line-height:1.6}.answer-feedback.answer-yes{border-color:#598d73;background:#1b3028}.answer-feedback.answer-yes strong{color:#9de8c7}.answer-feedback.answer-no{border-color:#87504d;background:#302120}.answer-feedback.answer-no strong{color:#ffaaa0}.scratch-panel summary{display:flex;min-height:67px;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;list-style:none}.scratch-panel summary::-webkit-details-marker{display:none}.scratch-panel summary strong{display:block;margin-top:4px;font-size:13px}.summary-hint{color:#829098;font-size:9px}.summary-hint b{margin-left:8px;color:var(--mint);font-size:15px}.scratch-content{display:grid;gap:10px;padding:0 20px 18px}.scratch-row{display:flex;align-items:flex-start;gap:12px}.scratch-slot{width:24px;padding-top:5px;color:var(--muted);font:9px var(--mono)}.candidate-grid{display:flex;flex:1;flex-wrap:wrap;gap:6px}.candidate{position:relative;display:flex;width:42px;height:38px;align-items:center;justify-content:center;gap:3px;border:1px solid #35424a;border-radius:5px;background:#131a1f;cursor:pointer;font-size:17px}.candidate:hover{border-color:#9ce7c7}.candidate small{color:#82938a;font-size:8px}.candidate.marked{opacity:.32;text-decoration:line-through;background:#332629}.scratch-row{flex-wrap:wrap}.scratch-clear{padding:4px 7px;border:1px solid #344049;border-radius:4px;background:transparent;color:#9aa7a6;cursor:pointer;font-size:9px}.scratch-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 20px 12px;color:#8b999d;font-size:10px}.red{color:#f07878!important}.blue{color:#80aaf1!important}.yellow{color:#e6c36c!important}.fill{color:#c1a2ed!important}.side-column{padding-top:1px}.hud-panel .panel-heading,.guess-panel .panel-heading,.log-panel .panel-heading{margin-bottom:20px}.hud-stats{display:grid;grid-template-columns:1fr 1fr;padding-top:14px;border-top:1px solid #2a343a}.hud-stats span{color:#8d999e;font-size:10px}.hud-stats span+span{padding-left:15px;border-left:1px solid #2a343a}.hud-stats strong{display:block;margin-top:7px;color:#e0e9e5;font:14px var(--mono)}.hud-stats strong small{color:#88969b;font:9px Malgun Gothic,sans-serif}.session-note{margin-top:15px;padding:10px;border-radius:5px;background:#1b2724;color:#9cb2a7;font-size:9px;line-height:1.6}.guess-panel{padding-bottom:18px}.guess-icon{color:#94aa9f;font-size:23px}.panel-copy{margin:-9px 0 15px;color:#87949a;font-size:10px;line-height:1.6}.guess-feedback{margin-top:10px;color:#f0a39a;font-size:10px;text-align:center}.guess-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.guess-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;border:1px solid #303a41;border-radius:6px;background:#151c21}.guess-card .slot-number{grid-column:1 / -1}.guess-card label{gap:4px;font-size:9px}.guess-card select{height:30px;padding:0 6px;font-size:10px}.guess-card:has(label:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.log-count{color:#94a9a0;font:11px var(--mono)}.log-list{display:grid;gap:10px;max-height:320px;overflow-y:auto}.log-entry{display:grid;grid-template-columns:23px minmax(0,1fr) 42px;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #293339}.log-index,.log-entry small{color:#6f7d84;font:9px var(--mono)}.log-text{color:#bdc8c8;font-size:12px;line-height:1.6}.log-entry strong{font:11px var(--mono);text-align:right}.log-entry .yes{color:var(--mint)}.log-entry .no{color:#ea8b88}.empty-log{padding:13px 0 4px;color:#75838a;font-size:10px;line-height:1.8;text-align:center}.leaderboard-panel{padding:22px}.leaderboard-panel .panel-heading{margin-bottom:17px}.leaderboard-filters{display:flex;gap:10px;margin-bottom:18px}.leaderboard-filters label{display:grid;flex:1;gap:6px;color:#a4afb3;font-size:10px}.leaderboard-filters select{width:100%;height:36px;padding:0 9px;border:1px solid #344049;border-radius:6px;background:#12181d;color:#e0e9e6;font-size:11px}.leaderboard-list{display:grid;gap:8px}.leaderboard-entry{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 0 9px;border-bottom:1px solid #293339}.leaderboard-rank{color:var(--mint);font:9px var(--mono)}.leaderboard-name{overflow-wrap:anywhere;color:#c6d0ce;font-size:12px}.leaderboard-score{color:#a4b1b3;font:10px var(--mono);white-space:nowrap}.record-delete{padding:5px 7px;border:1px solid #59403e;border-radius:4px;background:transparent;color:#e7a39c;cursor:pointer;font-size:10px}.record-delete:hover{border-color:#ec8980;background:#392523}.personal-records{margin-top:18px;border-top:1px solid #293339}.personal-records summary{display:flex;justify-content:space-between;padding:15px 0 10px;color:#b9c9c1;cursor:pointer;font-size:12px;list-style:none}.personal-records summary::-webkit-details-marker{display:none}.personal-records summary span{color:#8da79b;font:10px var(--mono)}.personal-record-list{display:grid;max-height:300px;gap:6px;overflow-y:auto}.personal-record-list .leaderboard-entry{grid-template-columns:75px minmax(0,1fr) auto}.personal-date{color:#8da79b;font:9px var(--mono)}.record-status{color:#a9cdbd;font-size:10px;text-align:center}.modal-backdrop{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#080c0edb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal,.choice-modal{width:min(450px,100%);padding:26px;border-color:#43574e;background:#18211f;box-shadow:0 20px 80px #0008}.auth-modal .panel-heading,.choice-modal .panel-heading{margin-bottom:12px}.auth-modal .panel-heading h2,.choice-modal .panel-heading h2{margin-top:7px;font-size:19px;line-height:1.45}.auth-modal>.setup-note,.choice-modal>.setup-note{margin-bottom:17px}.auth-modal form{display:grid;gap:14px}.auth-modal form label{display:grid;gap:7px;color:#aab5b0;font-size:11px}.auth-modal input{height:40px;padding:0 10px;border:1px solid #40514a;border-radius:6px;outline:0;background:#121a18;color:#edf3ef;font:12px Malgun Gothic,sans-serif}.auth-modal input:focus{border-color:var(--mint)}.choice-modal{display:grid;gap:11px}.choice-modal .panel-heading{margin-bottom:0}.choice-modal .setup-note{margin-bottom:4px}.result-modal{width:min(450px,100%);padding:32px;border:1px solid #43574e;border-radius:12px;background:#18211f;text-align:center;box-shadow:0 20px 80px #0008}.result-modal h2{margin-top:12px;font-size:22px;line-height:1.45}.result-modal>p{margin-top:8px;color:#97a39e;font-size:12px}.result-modal>.record-status{margin:17px 0;line-height:1.6}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;text-align:left}.result-stats span{padding:12px;border:1px solid #34423c;border-radius:6px;color:#94a19b;font-size:9px}.result-stats strong{display:block;margin-top:6px;color:#e5eee9;font:14px var(--mono)}.result-modal .button{margin-top:4px}@media(min-width:1250px){.side-column{grid-template-columns:1fr 1fr}.hud-panel,.log-panel,.leaderboard-panel{grid-column:1 / -1}}@media(max-width:900px){.home-layout,.layout{grid-template-columns:1fr;width:min(700px,92vw);margin-top:25px}.side-column{grid-template-columns:1fr 1fr}.hud-panel,.log-panel,.leaderboard-panel{grid-column:1 / -1}.topbar{padding:0 4vw}}@media(max-width:560px){.topbar{height:62px}.top-meta{gap:7px}.user-chip{max-width:90px}.home-layout,.layout{margin-top:17px;gap:14px}.setup-layout{margin-top:32px}.setup-panel{padding:17px}.setup-stats span{padding:11px 5px;font-size:13px}.intro{min-height:112px}h1{font-size:27px}.intro p{max-width:260px;font-size:10px;line-height:1.7}.stage-pill{min-width:70px;padding:9px}.board-panel,.query-panel,.hud-panel,.guess-panel,.log-panel{padding:15px}.secret-row{gap:6px}.secret-placeholder{min-height:105px}.slot-count{font-size:8px}.query-type span{padding:0 7px}.query-type span{min-height:68px}.query-type b{font-size:10px}.query-type small{font-size:7px;line-height:1.4}.side-column{grid-template-columns:1fr}.hud-panel,.log-panel,.leaderboard-panel{grid-column:auto}.guess-grid{gap:6px}.guess-card{padding:7px;gap:6px}.summary-hint{font-size:8px}.leaderboard-panel,.guide-panel{padding:16px}.leaderboard-entry{grid-template-columns:20px minmax(0,1fr) auto auto;gap:5px}.personal-record-list .leaderboard-entry{grid-template-columns:70px minmax(0,1fr) auto}.leaderboard-score{font-size:8px}.record-delete{padding:4px 5px;font-size:9px}.answer-feedback{padding:13px}.answer-feedback strong{font-size:18px}.answer-feedback p{font-size:11px}.scratch-tools{padding:0 14px 10px;font-size:9px}.candidate{width:36px;height:34px}.result-modal{padding:24px}.auth-modal,.choice-modal{padding:19px}}