.case-shell{max-width:1280px;margin:24px auto;font-family:Arial,sans-serif}.case-board{color:#fff3d6;background:#182635;border:3px solid #314452;flex-direction:column;min-width:0;display:flex;overflow:hidden}.case-header{background:#233647;align-items:center;gap:14px;padding:10px 15px;font:800 12px Arial;display:flex}.case-header>div{flex:1}.case-header small{letter-spacing:1.5px;color:#b9d2da;font-size:8px;display:block}.case-header strong{color:#fff0c9;margin-top:4px;font:700 23px Georgia,serif;display:block}.case-header button,.case-tools button{color:#fff4d5;background:#3a5264;border:1px solid #78949e;border-radius:6px;min-height:36px;padding:7px 10px;font:800 11px Arial}.case-header button:disabled,.case-tools button:disabled{opacity:.45}.case-gallery{padding:25px;overflow:auto}.case-welcome{align-items:center;gap:22px;max-width:900px;margin-bottom:28px;display:flex}.case-welcome>img{object-fit:cover;object-position:center 30%;border:3px solid #dcb875;border-radius:18px;width:110px;height:125px}.case-welcome p{letter-spacing:1.5px;color:#dfb978;font:800 9px Arial}.case-welcome h2{color:#fff0c9;text-transform:none;letter-spacing:-.5px;margin:10px 0 15px;font:700 38px/1.1 Georgia,serif}.case-welcome span{color:#c7d4d8;font:14px/1.7 Arial}.case-scene-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.case-scene-cards article{color:#293b44;background:#f9efd8;border:1px solid #d9bc83;border-radius:12px;overflow:hidden}.case-scene-cards article>img{aspect-ratio:3/2;object-fit:cover;width:100%}.case-scene-cards article>div{padding:17px}.case-scene-cards small{letter-spacing:1px;color:#7b654a;font:900 8px Arial}.case-scene-cards h3{color:#253c46;text-transform:none;margin:9px 0;font:700 25px Georgia,serif}.case-scene-cards p{color:#5a6464;font:13px/1.6 Arial}.case-scene-cards article span{color:#8f672c;margin:14px 0;font-size:13px;font-weight:900;display:block}.case-scene-cards button,.case-overlay button{color:#273c45;background:#edc47b;border:1px solid #bd9459;border-radius:6px;min-height:42px;padding:10px 14px;font:900 11px Arial}.case-more{color:#d4e0df;border:1px dashed #8a9a9f;border-radius:12px;padding:22px}.case-more b{letter-spacing:1px;color:#e6c48a;font-size:9px}.case-more h3{color:#fff0c9}.case-more p{color:#c4d3d7}.case-tools{background:#172c3c;justify-content:space-between;align-items:center;gap:15px;min-width:0;padding:8px 12px;display:flex}.case-tools>p{color:#e3d9bd;flex:1;margin:0;font:12px/1.5 Arial}.case-tools>div{align-items:center;gap:7px;display:flex}.case-tools>div>span{text-align:center;min-width:35px;font:900 10px Arial}.case-tools button{min-width:36px}.case-play{grid-template-columns:minmax(0,1fr) 260px;min-height:500px;display:grid}.case-window{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#334a51,#0b1b2b);min-width:0;min-height:0;position:relative;overflow:hidden}.case-art{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.case-art>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.case-found-mark{pointer-events:none;border:2px solid #ffe080;border-radius:50%;position:absolute;box-shadow:0 0 4px #49361b}.case-found-mark b{color:#243b40;background:#e6c56f;border-radius:50%;place-items:center;width:15px;height:15px;font:900 10px Arial;display:grid;position:absolute;top:-6px;right:-6px}.case-hint-area{pointer-events:none;background:radial-gradient(#0000 30%,#ffe09433 75%);border:3px solid #ffe099;border-radius:50%;animation:1s ease-in-out infinite alternate case-glow;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffe6a5aa}.case-drag-tip{color:#f3e7c9;pointer-events:none;background:#122c3cbb;border-radius:6px;padding:7px 10px;font:10px Arial;position:absolute;bottom:10px;left:12px}.case-checklist{color:#243b44;background:#f4ead4;min-height:0;padding:16px;overflow:auto}.case-agnes{align-items:center;gap:10px;margin-bottom:15px;display:flex}.case-agnes img{object-fit:cover;object-position:center 35%;border:2px solid #bd9b5d;border-radius:50%;width:47px;height:55px}.case-agnes b{letter-spacing:1px;font:900 10px Arial;display:block}.case-agnes small{color:#6a6d61;margin-top:4px;font:10px/1.5 Arial;display:block}.case-items{flex-direction:column;gap:8px;display:flex}.case-items button{text-align:left;color:#344750;cursor:pointer;background:#fff9e9;border:1px solid #cdbb97;border-radius:6px;align-items:center;gap:8px;min-height:42px;padding:9px;font:800 12px Arial;display:flex}.case-items button>span{color:#967d42}.case-items .case-selected{background:#ffe8a8;border-color:#a37a35}.case-items .case-done{color:#586d4c;background:#dce7cf;text-decoration:line-through}.case-items .case-done>span{color:#406d37;text-decoration:none}.case-clue{color:#59645c;margin:16px 0;font:13px/1.7 Georgia,serif}.case-scoring{color:#76715e;font:9px/1.7 Arial}.case-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102537e6;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:20px;display:flex;position:absolute;inset:0}.case-overlay>p{letter-spacing:1.5px;color:#e8c380;margin:0;font:900 10px Arial}.case-overlay h2{text-transform:none;color:#fff1d2;letter-spacing:-.5px;margin:0;font:700 clamp(25px,3.6vw,43px)/1.15 Georgia,serif}.case-overlay>strong{color:#ffda7e;font-size:38px}.case-overlay>span{color:#d1dcd7;font:12px Arial}.case-overlay button.case-secondary{color:#e2c999;background:0 0;border-color:#78919c;min-height:35px;font-size:10px}.case-board button:focus-visible{outline-offset:2px;outline:3px solid #d79839}.case-shell .fullscreen-game[data-fullscreen=true] .case-board{border:0;height:100%}.case-shell .fullscreen-game[data-fullscreen=true] .case-gallery,.case-shell .fullscreen-game[data-fullscreen=true] .case-play{flex:1;min-height:0}.case-shell .fullscreen-game-surface{min-width:0;min-height:0}@keyframes case-glow{to{opacity:.55;box-shadow:0 0 30px #ffeda3}}@media (width<=700px){.case-header{gap:8px;padding:7px;font-size:9px}.case-header strong{font-size:16px}.case-header small{letter-spacing:.7px;font-size:6px}.case-header button{min-height:31px;padding:5px 7px;font-size:9px}.case-gallery{padding:15px}.case-welcome{gap:14px}.case-welcome>img{width:70px;height:90px}.case-welcome h2{font-size:27px}.case-welcome p{font-size:7px}.case-welcome span{font-size:12px}.case-scene-cards{grid-template-columns:1fr}.case-play{grid-template-rows:minmax(280px,1fr) auto;grid-template-columns:1fr;min-height:620px}.case-checklist{padding:10px;overflow:visible}.case-agnes{display:none}.case-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.case-items button{min-height:36px;padding:7px;font-size:10px}.case-clue{margin:8px 0;font-size:11px;line-height:1.5}.case-scoring{display:none}.case-tools{flex-direction:column;gap:6px;padding:6px}.case-tools>p{text-align:center;align-self:stretch;font-size:10px}.case-tools>div{gap:7px}.case-tools button{min-height:32px;padding:5px 8px;font-size:10px}.case-drag-tip{font-size:8px;bottom:6px;left:6px}.case-overlay{gap:12px;padding:12px}.case-overlay h2{font-size:28px}.case-overlay>span{font-size:10px}.case-overlay>strong{font-size:28px}}@media (orientation:landscape) and (height<=600px){.case-header{gap:12px;padding:4px 10px;font-size:9px}.case-header>div{align-items:center;gap:12px;display:flex}.case-header strong{margin:0;font-size:16px}.case-header small{font-size:7px}.case-header button{min-height:27px;padding:3px 7px;font-size:9px}.case-tools{flex-direction:row;gap:10px;padding:4px 8px}.case-tools>p{text-align:left;align-self:auto;font-size:9px}.case-tools button{min-height:27px;padding:3px 7px;font-size:9px}.case-tools>div>span{font-size:9px}.case-play{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 205px;min-height:350px}.case-checklist{padding:7px;overflow:auto}.case-agnes,.case-scoring{display:none}.case-items{grid-template-columns:1fr;gap:4px;display:grid}.case-items button{min-height:27px;padding:5px;font-size:9px}.case-clue{margin:8px 0;font-size:10px;line-height:1.4}.case-overlay{gap:8px}.case-overlay h2{font-size:24px}.case-overlay>strong{font-size:25px}.case-gallery{padding:12px}.case-welcome{margin-bottom:15px}.case-welcome>img{width:60px;height:75px}.case-welcome h2{font-size:24px}.case-welcome span{font-size:11px}.case-scene-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-scene-cards h3{font-size:19px}.case-scene-cards article>div{padding:10px}.case-scene-cards p{font-size:11px}}@media (prefers-reduced-motion:reduce){.case-hint-area{animation:none}}.case-welcome>img,.case-agnes img{object-fit:contain;object-position:center;background:#314452}