.cat-game{--cat-ink:#254353;--cat-accent:#28776b;--cat-fill:#d9efe2;color:var(--cat-ink);max-width:1050px;margin:auto;padding:8px 0 40px}.cat-game *{box-sizing:border-box}.cat-game button,.cat-game input,.cat-game select{font:inherit}.cat-game button,.cat-game select,.cat-game input{min-height:46px}.cat-game button{cursor:pointer}.cat-game button:disabled{cursor:default;opacity:.58}.cat-game button:focus-visible,.cat-game input:focus-visible,.cat-game select:focus-visible,.cat-game summary:focus-visible{outline:3px solid #315ab6;outline-offset:3px}.cat-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:10px 0 22px}.cat-heading h1{margin:5px 0 10px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.16}.cat-kicker{font-size:.77rem;letter-spacing:.12em;font-weight:800;color:#37645e}.cat-button{border:1px solid #adc8c3;background:#fff;color:var(--cat-ink);border-radius:13px;padding:10px 16px;font-weight:700}.cat-primary{background:#256e63;color:#fff;border-color:#256e63}.cat-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.cat-panel{border:1px solid #d6e4df;background:#fffdf8;border-radius:24px;padding:clamp(18px,3vw,28px);box-shadow:0 6px 22px #25435308;margin:18px 0}.cat-panel h2{margin:0 0 12px}.cat-panel p{line-height:1.65}.cat-lead{font-size:1.13rem;font-weight:600}.cat-reading{background:#edf5f2;border-radius:16px;padding:16px 20px;line-height:1.65;margin:18px 0}.cat-reading h3{font-size:1rem;margin:0 0 8px}.cat-reading p{margin:0;white-space:pre-line}.cat-help{border-left:4px solid #c99949;padding:10px 14px;margin:18px 0;background:#fff4d8;border-radius:0 12px 12px 0}.cat-help summary{cursor:pointer;font-weight:700;min-height:28px}.cat-help p{margin:10px 0 0}.cat-status{min-height:44px;font-size:.9rem;line-height:1.5;margin:15px 0;color:#42645d}.cat-error{color:#834419}.cat-progress{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:.94rem}.cat-progress progress{accent-color:#358475;height:12px;flex:1;min-width:130px}.cat-feedback{padding:16px 20px;border-radius:16px;background:#fff1d5;border:1px solid #d6b16c;margin:16px 0}.cat-feedback.correct{background:#e4f2e7;border-color:#9abc9e}.cat-feedback p{margin:0;line-height:1.6}.cat-work{margin:20px 0}.cat-work fieldset{border:0;padding:0;margin:14px 0}.cat-work legend{font-weight:750;margin:0 0 10px}.cat-icon{width:64px;height:64px;flex:none;color:#315d59}.cat-art{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;width:150px;height:135px;border-radius:42% 55% 44% 52%;background:#e7f0e3}.cat-art .cat-icon{width:90px;height:90px;transform:rotate(-5deg)}.cat-orbit{position:absolute;border:1px solid #b7d4c5;border-radius:50%;width:145px;height:93px;transform:rotate(35deg);z-index:-1}.cat-orbit-b{transform:rotate(-40deg)}.cat-art-dot{position:absolute;right:3px;top:10px;color:#ba813c;font-size:26px}.cat-theme-market,.cat-theme-archive,.cat-theme-measure{background:#fff0d1;--cat-fill:#f6d69d}.cat-theme-theatre,.cat-theme-memory,.cat-theme-story{background:#efe6f5;--cat-fill:#e5d2ef}.cat-theme-map,.cat-theme-route,.cat-theme-clock{background:#e5eef9;--cat-fill:#cfdff0}.cat-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.cat-card{padding:20px;border:1px solid #d6e4df;border-radius:22px;background:#fffdf8;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.cat-card h2{font-size:1.17rem;margin:4px 0}.cat-card p{margin:0;line-height:1.55}.cat-card .cat-button{margin-top:auto;width:100%}.cat-card .cat-art{width:100%;height:105px;border-radius:16px}.cat-card .cat-art .cat-icon{height:70px}.cat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.cat-tile{border:1px solid #bfcec8;border-radius:16px;background:#fff;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;line-height:1.4}.cat-tile[aria-pressed=true]{border:2px solid #286f64;background:#e7f4ee;padding:13px}.cat-tile .cat-icon{width:46px;height:46px}.cat-sequence{padding:0;list-style:none;display:grid;gap:12px}.cat-sequence li{display:flex;align-items:center;gap:12px;border:1px solid #d0d9d3;border-radius:16px;background:#fff;padding:12px}.cat-sequence .cat-scene{display:flex;align-items:center;gap:12px;flex:1}.cat-sequence .cat-number{font-weight:800;color:#45776c}.cat-sequence .cat-button{padding:8px 13px}.cat-sort-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(170px,1fr);gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid #e0e7e1}.cat-sort-label{display:flex;gap:12px;align-items:center;font-weight:600}.cat-sort-row select,.cat-field input{border:1px solid #a5bbb1;background:#fff;border-radius:10px;padding:8px 12px;width:100%;color:#233d46}.cat-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.cat-field{display:flex;flex-direction:column;gap:7px;font-weight:650}.cat-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cat-strip span{display:grid;place-items:center;min-width:56px;min-height:56px;background:#e6eef5;border:2px solid #afc2d5;border-radius:15px;font-size:1.25rem;font-weight:800}.cat-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.cat-product{border:1px solid #d7d6bc;border-radius:18px;padding:16px;background:#fff6df;text-align:center}.cat-product .cat-icon{margin:auto;display:block}.cat-product p{margin:7px 0}.cat-quantity{display:flex;gap:12px;align-items:center;justify-content:center}.cat-quantity output{font-weight:800;min-width:20px}.cat-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat-memory-card{min-height:120px;border:2px solid #b4a0c2;background:#efe7f5;border-radius:18px;padding:13px;color:#4f365f;font-weight:700;word-break:normal;line-height:1.45;transition:background .2s}.cat-memory-card[data-open=true]{background:#fffaf1}.cat-memory-card[data-matched=true]{border-color:#7da88d;background:#e5f3e9;opacity:1}.cat-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);gap:22px;align-items:start}.cat-grid-wrap{position:relative;max-width:540px;margin:auto;width:100%}.cat-grid{display:grid;grid-template-columns:repeat(var(--cat-size),1fr);gap:5px;background:#d8e5e0;border:7px solid #d8e5e0;border-radius:18px}.cat-cell{position:relative;min-height:78px;border:1px solid #b7cfc5;border-radius:9px;background:#fffdf3;color:#244b46;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;font-size:.78rem;line-height:1.15}.cat-cell .cat-icon{width:30px;height:30px}.cat-cell.cat-visited{background:#dcece2}.cat-cell.cat-blocked{background:repeating-linear-gradient(45deg,#e8dfd5,#e8dfd5 7px,#f6eee5 7px,#f6eee5 14px)}.cat-cell.cat-current{border:3px solid #235d94;background:#dceafa}.cat-cell[aria-pressed=true]{border:3px solid #267662;background:#d9f0e5}.cat-map-label{font-size:.75rem;text-align:center}.cat-compass{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:240px;margin:14px auto}.cat-compass button:nth-child(1){grid-column:2}.cat-compass button:nth-child(2){grid-row:2;grid-column:3}.cat-compass button:nth-child(3){grid-row:3;grid-column:2}.cat-compass button:nth-child(4){grid-row:2;grid-column:1}.cat-grid-lines{position:absolute;inset:7px;pointer-events:none;width:calc(100% - 14px);height:calc(100% - 14px);z-index:1}.cat-grid-lines polyline{fill:none;stroke:#236862;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;opacity:.68}.cat-role{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cat-role p{margin:0;padding:14px;background:#eeeaf4;border-radius:14px}.cat-finish{text-align:center}.cat-finish .cat-art{margin:auto}.cat-source{font-size:.86rem;line-height:1.6;color:#506560;margin:20px 0}.cat-source summary{font-weight:700;cursor:pointer}.cat-note{font-size:.91rem;line-height:1.6;color:#546b64}.cat-game[data-motion=off] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.cat-game *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:620px){.cat-heading{align-items:flex-start}.cat-heading>.cat-art{display:none}.cat-heading h1{font-size:1.7rem}.cat-map-layout{grid-template-columns:1fr}.cat-memory{grid-template-columns:repeat(2,1fr)}.cat-sort-row{grid-template-columns:1fr;gap:7px}.cat-sequence li{gap:7px;flex-wrap:wrap}.cat-sequence .cat-scene{min-width:65%}.cat-sequence .cat-icon{width:42px;height:42px}.cat-sequence .cat-button{padding:8px 12px}.cat-role{grid-template-columns:1fr}.cat-cell{min-height:68px}.cat-panel{border-radius:18px}.cat-heading .cat-button{padding:9px 11px}}@media(max-width:360px){.cat-cell{min-height:58px;font-size:.68rem}.cat-grid{gap:3px;border-width:4px}.cat-memory-card{font-size:.89rem}.cat-heading{flex-wrap:wrap}}
.cat-point-grid .cat-cell{aspect-ratio:1;min-height:0}