:root{--cream:#fff9ef;--paper:#fffdf8;--ink:#3d2417;--brown:#56331f;--orange:#c66b27;--orange2:#e8a35e;--green:#74866a;--blue:#b9d8e8;--line:#e8c99f;--shadow:0 18px 50px rgba(76,43,20,.13)}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 12%,#fff 0,transparent 32%),var(--cream)}button,a{font:inherit}.topbar{height:82px;padding:10px max(18px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,248,.93);position:relative;z-index:10}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border:2px solid var(--brown);border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--orange)}.brand b{font-size:22px;display:block}.brand small{font-weight:800;letter-spacing:2px;font-size:8px}.top-actions{display:flex;gap:8px}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:var(--paper);border-radius:13px;cursor:pointer}.screen{display:none;width:min(1080px,calc(100% - 28px));margin:0 auto;min-height:calc(100vh - 132px);padding:36px 0}.screen.is-active{display:flex}.hero{align-items:center;gap:30px}.hero-copy{width:48%;position:relative;z-index:2}.kicker{display:block;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--orange);margin-bottom:10px}.hero h1{font-size:clamp(56px,8vw,100px);line-height:.86;margin:0 0 24px;font-weight:950;letter-spacing:-5px}.hero h1 em{color:var(--orange);font-style:normal}.hero p{font-size:19px;line-height:1.55;max-width:540px}.hero-art{width:52%;max-height:640px;object-fit:cover;object-position:center;border:2px solid var(--brown);border-radius:34px;box-shadow:var(--shadow)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.centered{justify-content:center}.primary,.secondary,.hint-button{border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer;border:1px solid var(--orange)}.primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(198,107,39,.25)}.secondary{background:var(--paper);color:var(--brown);border-color:var(--line)}.compact{padding:9px 12px}.link-button{text-decoration:none}.section-head{width:100%;display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{font-size:42px;margin:0}.levels-screen{display:none;flex-direction:column}.levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.level-card{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:8px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 8px 24px rgba(75,40,16,.07)}.level-card[disabled]{cursor:not-allowed;opacity:.48}.level-card img,.level-placeholder{width:100%;aspect-ratio:1;display:grid;place-items:center;object-fit:cover;border-radius:14px;background:#eadfce}.level-card h3{margin:10px 6px 4px}.level-meta{display:flex;justify-content:space-between;margin:0 6px 8px;font-size:12px}.card-stars{color:#dc8b2b;letter-spacing:1px}.play-screen{flex-direction:column;width:min(1180px,100%);padding:16px 12px}.hud{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.hud>div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:7px 13px;text-align:center;min-width:112px}.hud small{display:block;font-size:8px;font-weight:900;letter-spacing:1px}.hud strong{font-size:15px}.hint-button{background:var(--orange2);color:var(--ink)}.hint-button span{font-size:10px}.viewer-shell{width:min(920px,100%);aspect-ratio:1;margin:auto;overflow:hidden;border:2px solid var(--brown);border-radius:24px;background:#eee0cc;position:relative;touch-action:none;box-shadow:var(--shadow)}.viewer{width:100%;height:100%;position:absolute;transform-origin:0 0;will-change:transform}.viewer img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}.loading{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:var(--paper);font-weight:800}.loading[hidden]{display:none}.hint-area,.found-area,.debug-target{display:none;position:absolute;border-radius:18px;pointer-events:none}.hint-area.is-visible{display:block;border:4px dashed #ffd05a;background:rgba(255,208,90,.12);animation:pulse 1s infinite}.found-area.is-visible{display:block;border:4px solid #73a971;background:rgba(115,169,113,.17)}.debug-target.is-visible{display:block;border:3px solid #e33333;background:rgba(227,51,51,.15)}@keyframes pulse{50%{filter:brightness(1.35)}}.play-help{text-align:center;font-weight:700;font-size:13px}.result-screen{align-items:center;justify-content:center}.result-card{width:min(690px,100%);padding:42px;text-align:center;background:var(--paper);border:2px solid var(--brown);border-radius:30px;box-shadow:var(--shadow)}.result-card h2{font-size:clamp(34px,6vw,58px);margin:6px 0}.result-badge{font-size:54px}.result-time{font-size:30px;font-weight:900;color:var(--orange);margin:8px}.stars{font-size:38px;color:#df922e;letter-spacing:4px}.giant{font-size:52px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.result-stats span{padding:12px;border:1px solid var(--line);border-radius:14px}.result-stats small{display:block;text-transform:uppercase;font-size:9px}.result-stats strong{font-size:18px}footer{min-height:50px;padding:14px max(18px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;font-weight:700}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--brown);color:#fff;padding:10px 16px;border-radius:20px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
html[data-theme="night"]{--cream:#111a28;--paper:#192536;--ink:#fff3df;--brown:#f2d2a7;--orange:#e9a05c;--orange2:#d28643;--green:#93a98c;--blue:#27425a;--line:#445469;--shadow:0 18px 50px rgba(0,0,0,.35);background:#111a28}html[data-theme="night"] body{background:radial-gradient(circle at 15% 10%,#213047 0,transparent 34%),var(--cream)}html[data-theme="night"] .topbar{background:rgba(25,37,54,.94)}html[data-theme="night"] .level-placeholder{background:#26364b}
@media(max-width:820px){.levels-grid{grid-template-columns:repeat(3,1fr)}.hero{flex-direction:column;padding-top:24px}.hero-copy{width:100%;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero .button-row{justify-content:center}.hero-art{width:min(600px,100%);max-height:430px}.viewer-shell{border-radius:12px}.hud>div{min-width:95px}.screen{min-height:calc(100vh - 150px)}}@media(max-width:580px){.topbar{height:68px}.brand-mark{width:40px;height:40px}.brand b{font-size:17px}.brand small{font-size:6px}.levels-grid{grid-template-columns:repeat(2,1fr);gap:10px}.section-head{align-items:start}.section-head h2{font-size:30px}.screen{width:min(100% - 18px,1080px);padding:22px 0}.play-screen{width:100%;padding:8px 5px}.hud{gap:5px}.hud>div{padding:6px 8px;min-width:82px}.hud strong{font-size:12px}.compact,.hint-button{padding:9px 10px;font-size:12px}.viewer-shell{width:100%;border-left:0;border-right:0;border-radius:0}.result-card{padding:26px 15px}.result-stats{gap:5px}.result-stats span{padding:8px 4px}.result-card .button-row>*{flex:1;min-width:135px}.hero h1{letter-spacing:-3px}footer{flex-direction:column;gap:4px;text-align:center}}