:root{--bg: #f5f5f7;--surface: #ffffff;--clue-bg: #e8e8f0;--clue-bg-hover: #dadae6;--ink: #0e0e14;--muted: #6b6b78;--accent: #5b21b6;--accent-soft: #a78bfa;--good: #16a34a;--bad: #dc2626;--border: #1a1a22;--shadow: 0 1px 0 rgba(0,0,0,.04);--radius: 16px;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}body{background:var(--bg)}button{font-family:inherit;cursor:pointer}.app{flex:1;display:flex;flex-direction:column;max-width:880px;width:100%;margin:0 auto;padding:24px 20px}.app-content{flex:1}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #d8d8e0}.brand{font-weight:800;font-size:32px;letter-spacing:-.02em}.brand .dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}.nav button{background:none;border:none;color:inherit;font-size:inherit;padding:0;text-transform:uppercase;letter-spacing:.05em}.nav button:hover{color:var(--ink)}.streak{display:inline-flex;align-items:center;gap:6px;background:#0e0e14;color:#fff;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600}.streak svg{color:#fb923c}.title{font-weight:800;font-size:40px;line-height:1.05;margin:28px 0 8px;letter-spacing:-.02em}.meta-line{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:16px;gap:12px}.meta-line .score{font-weight:700}.meta-line .label{color:var(--muted);margin-right:4px;font-weight:500}.archive-back{background:none;border:none;padding:0;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;transition:color .15s ease}.archive-back:hover{color:var(--ink);text-decoration:underline}.grid-wrap{display:grid;grid-template-columns:140px repeat(3,1fr);gap:12px}.cell{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:14px;padding:10px;cursor:pointer;transition:background .15s ease,transform .15s ease;position:relative}.cell.empty:hover{background:#f0f0f8}.cell.filled{background:#eef2ff;cursor:default}.cell.cleared{background:var(--surface);cursor:default;opacity:.55}.cell .dept-code{color:var(--accent);font-size:12px;margin-top:4px;font-weight:700}.clue{background:var(--clue-bg);border-radius:var(--radius);padding:12px 12px 10px;font-weight:700;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.25}.clue:hover{background:var(--clue-bg-hover)}.clue .help-mark{position:absolute;top:6px;right:8px;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.clue-row{aspect-ratio:unset;min-height:100%;padding:14px 8px}.empty-corner{background:transparent}.bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.btn-secondary{background:#fff;color:var(--ink);border:2px solid var(--border);border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700;font-size:14px}.btn-primary:hover{background:#4c1d95}.btn-primary:disabled{background:#c4b5fd;cursor:not-allowed}.errors{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.error-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink)}.error-dot.used{background:var(--ink)}.modal-overlay{position:fixed;inset:0;background:#14141e73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:18px;max-width:440px;width:100%;padding:26px 26px 22px;position:relative;box-shadow:0 12px 40px #0003}.modal h2{margin:0 0 12px;font-size:22px}.modal .close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;color:var(--muted)}.modal ul{padding-left:20px;line-height:1.6;font-size:14px}.modal .checkbox{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.answer-modal{max-width:480px}.answer-modal .clue-display{background:var(--clue-bg);border-radius:10px;padding:10px 12px;font-weight:700;font-size:13px;text-align:center;margin-bottom:10px}.answer-modal .clue-display .x{color:var(--muted);font-weight:500;margin:0 6px}.answer-modal input[type=text]{width:100%;padding:12px 14px;font-size:16px;border:2px solid #d0d0dc;border-radius:10px;font-family:inherit;outline:none}.answer-modal input[type=text]:focus{border-color:var(--accent)}.suggestions{margin-top:6px;max-height:280px;overflow-y:auto;border:1px solid #e5e5ed;border-radius:10px}.suggestions button{width:100%;padding:10px 12px;border:none;background:#fff;text-align:left;border-bottom:1px solid #f0f0f6;font-weight:600;font-size:14px}.suggestions button:last-child{border-bottom:none}.suggestions button:hover{background:#f5f5f7}.suggestions .code{color:var(--muted);font-weight:500;margin-right:8px;font-size:12px}.suggestions .help{color:var(--muted);font-weight:500;font-size:13px;padding:8px 12px}.possible-bubble{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #d0d0dc;white-space:nowrap;box-shadow:0 4px 12px #00000014}.placement-feedback{margin-top:14px;padding:12px;border-radius:10px;font-weight:600;font-size:14px}.placement-feedback.good{background:#dcfce7;color:#166534}.placement-feedback.bad{background:#fee2e2;color:#991b1b}.game-over{margin-top:24px;background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center}.game-over h2{margin:0 0 8px}.game-over .score-final{font-size:36px;font-weight:800;color:var(--accent);margin:8px 0}.game-over-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:8px}.modal .close{display:inline-flex;align-items:center;justify-content:center}.modal .close svg{color:var(--muted)}.modal .close:hover svg{color:var(--ink)}.footer{margin-top:auto;padding-top:24px;border-top:1px solid #d8d8e0;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.footer-leading{margin-top:60px}.footer .links{display:flex;gap:20px}.footer .links button{background:none;border:none;color:inherit;font-size:inherit;padding:0}.footer .links button:hover{color:var(--ink)}.archives-header{display:flex;align-items:center;gap:14px;margin:20px 0 8px}.archives-title{font-size:32px;font-weight:800;margin:0;letter-spacing:-.02em}.archives-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}.archive-card{text-align:left;background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:16px 18px;cursor:pointer;font-family:inherit;transition:transform .1s ease,background .15s ease}.archive-card:hover{background:#f0f0f8;transform:translateY(-1px)}.archive-date{font-weight:700;font-size:15px;text-transform:capitalize}.archive-iso{color:var(--muted);font-size:12px;margin-top:2px;font-family:ui-monospace,monospace}.archive-status{margin-top:10px}.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#ececf3;color:#444}.badge-good{background:#dcfce7;color:#166534}.badge-bad{background:#fee2e2;color:#991b1b}.badge-muted{background:#ececf3;color:#555}.admin-app{max-width:1180px;margin:0 auto;padding:24px 24px 60px}.admin-login{max-width:360px;margin:80px auto;text-align:center}.admin-login h1{font-size:24px;margin-bottom:24px}.admin-login form{display:flex;gap:8px}.admin-login input{flex:1;padding:10px 14px;font-size:14px;border:2px solid #d0d0dc;border-radius:10px;font-family:inherit}.admin-login .login-error{margin-top:12px;color:var(--bad);font-size:13px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #d8d8e0;margin-bottom:24px;flex-wrap:wrap;gap:12px}.admin-header .brand{font-size:22px;font-weight:800}.admin-tag{background:#0e0e14;color:#fff;font-size:10px;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle;font-weight:700;letter-spacing:.05em}.admin-nav{display:flex;gap:4px;flex-wrap:wrap}.admin-nav button{background:#fff;border:1px solid #d0d0dc;color:var(--ink);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.admin-nav button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.admin-nav button.logout{background:#fee2e2;border-color:#fca5a5;color:#991b1b;margin-left:8px}.admin-main h2{margin:0 0 8px;font-size:22px}.admin-main h3{font-size:16px;margin-bottom:8px}.muted{color:var(--muted);font-size:13px}.small{font-size:11px}.bold{font-weight:700}.right{text-align:right}.grid-controls{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.grid-controls input[type=date]{padding:8px 12px;border:1px solid #d0d0dc;border-radius:8px;font-family:inherit;font-size:13px}.admin-grid{display:grid;grid-template-columns:200px repeat(3,1fr);gap:8px}.admin-grid .empty-corner{background:transparent}.admin-clue{background:var(--clue-bg);border-radius:10px;padding:10px;font-size:12px;font-weight:700;text-align:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.admin-clue .lbl{line-height:1.3}.admin-cell{background:#fff;border:1px solid #d8d8e0;border-radius:10px;padding:10px;min-height:120px;font-size:12px}.answers-list{margin-top:6px;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.answers-list .code{color:var(--accent);font-weight:700;margin-right:4px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.kpi{background:#fff;border:1px solid #d8d8e0;border-radius:12px;padding:16px}.kpi-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-value{font-size:28px;font-weight:800;margin-top:4px}.admin-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.admin-table th{text-align:left;padding:8px 10px;background:#ececf3;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#444}.admin-table td{padding:8px 10px;border-top:1px solid #ececf3;vertical-align:top}.admin-table code{background:#f5f5f7;padding:2px 5px;border-radius:4px;font-size:11px}.placement-list{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;font-size:11px;padding:2px 6px;border-radius:999px;font-weight:600;font-family:ui-monospace,monospace}.chip.good{background:#dcfce7;color:#166534}.chip.bad{background:#fee2e2;color:#991b1b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.stats-cell{background:#fff;border:1px solid #d8d8e0;border-radius:12px;padding:12px}.stats-cell-title{font-weight:700;font-size:13px;margin-bottom:6px}.stats-table{width:100%;font-size:12px;border-collapse:collapse;margin-top:6px}.stats-table td{padding:4px 6px;border-top:1px solid #f0f0f6}.stats-table code{background:#f5f5f7;padding:1px 5px;border-radius:4px}@media(max-width:640px){.app{padding:16px 14px}.header{flex-wrap:wrap;gap:10px;justify-content:center;padding-bottom:12px}.brand{font-size:22px;text-align:center;width:100%}.nav{gap:14px;font-size:11px;justify-content:center;width:100%}.nav-rules{display:none}.title{font-size:26px;text-align:center;margin:18px 0 6px}.meta-line{justify-content:center;flex-direction:column;gap:6px}.grid-wrap{grid-template-columns:90px repeat(3,1fr);gap:6px}.clue{font-size:11px;padding:8px 4px}.cell{font-size:12px;padding:4px;border-radius:12px}.bottom-bar{flex-direction:column;gap:14px}.footer{flex-direction:column;gap:8px;align-items:center;text-align:center;margin-top:40px}.archives-header{flex-direction:column;align-items:stretch;gap:8px;text-align:center}.archives-title{font-size:26px;text-align:center}.archives-list{grid-template-columns:1fr}}