:root{color:#1f2933;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.page-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding-bottom:18px}.title-group h1,.title-group p,.objective h2,.objective p,.inspector h2,.result h3,.result p,.muted{margin:0}.title-group h1{font-size:32px;line-height:1.1}.title-group p,.muted,.predicate{color:#607080}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:end}.field{display:grid;gap:4px;min-width:112px;color:#52616f;font-size:13px;font-weight:700}.field input{width:100%;min-height:38px;border:1px solid #cbd6df;border-radius:6px;padding:8px 10px;color:#1f2933;background:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.play-panel,.inspector{background:#fff;border:1px solid #d8e0e6;border-radius:8px;padding:18px;box-shadow:0 10px 28px #1f293314}.objective{display:grid;gap:6px;padding-bottom:16px}.eyebrow{color:#536d7a;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.objective h2{font-size:22px;line-height:1.2}.tile-grid{display:grid;gap:10px}.grid-2x2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2x3,.grid-3x3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-height:112px;border:1px solid #cad7df;border-radius:8px;padding:12px;color:#1f2933;background:#f9fbfc;cursor:pointer;display:grid;place-items:center;gap:6px;text-align:center;transition:border-color .12s ease,background .12s ease,transform .12s ease}.tile:hover:not(:disabled){transform:translateY(-1px);border-color:#496f7a}.tile.selected{border-color:#216b7c;background:#dff5f7}.tile.solution{border-color:#4f8a54;background:#e9f7ec}.tile.locked{color:#7d8994;background:#edf1f3;cursor:not-allowed}.tile-emoji{min-height:38px;font-size:34px;line-height:1}.tile-label{overflow-wrap:anywhere;font-size:15px;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px}.shortcuts{margin:12px 0 0;color:#607080;font-size:13px}.primary,.secondary{min-height:38px;border-radius:6px;padding:8px 14px;border:1px solid transparent;cursor:pointer;font-weight:800}.primary{color:#fff;background:#216b7c}.secondary{color:#263947;border-color:#c8d4dc;background:#fff}.primary:hover,.secondary:hover{filter:brightness(.97)}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.result{margin-top:16px;border-radius:8px;padding:12px}.result.correct{color:#214f2a;background:#e8f6ec}.result.incorrect{color:#69411a;background:#fff1df}.inspector{display:grid;gap:14px}.inspector h2{font-size:16px}.meta-list{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:6px 10px;margin:0}.meta-list dt{color:#607080;font-weight:800}.meta-list dd{margin:0;overflow-wrap:anywhere}.warnings{margin:0;padding-left:18px;color:#69411a}.status{padding:16px;border-radius:8px;background:#f1f5f8}.status.error{color:#7a1f1f;background:#fde7e7}@media(max-width:860px){.topbar,.workspace{grid-template-columns:1fr}.controls{justify-content:stretch}.field{min-width:min(180px,100%)}}@media(max-width:560px){.page-shell{width:min(100vw - 20px,1180px);padding:12px 0}.grid-2x3,.grid-3x3{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:96px}}