.dtn-page-shell,.dtn-game-wrap{--dtn-bg:#070912;--dtn-surface:rgba(14, 18, 30, 0.92);--dtn-surface-2:rgba(18, 24, 39, 0.94);--dtn-line:rgba(147, 172, 219, 0.22);--dtn-text:#f3f6ff;--dtn-muted:#b4bdd2;--dtn-accent:#8fbfff;--dtn-accent-2:#c7a6ff;--dtn-good:#7ce29e;--dtn-warn:#ffd37b;--dtn-danger:#ff8b9f;color:var(--dtn-text);font-family:inherit}.dtn-game-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:18px 16px 28px;box-sizing:border-box;position:relative;overflow-x:clip}.dtn-game-wrap::before,.dtn-game-wrap::after{content:'';position:absolute;inset:0;pointer-events:none}.dtn-game-wrap::before{background:radial-gradient(circle at 15% 20%,rgb(143 191 255 / .12),transparent 28%),radial-gradient(circle at 85% 10%,rgb(199 166 255 / .14),transparent 24%),radial-gradient(circle at 50% 100%,rgb(8 12 22 / .75),transparent 46%)}.dtn-game-wrap::after{background:linear-gradient(180deg,rgb(4 6 13 / .08),rgb(4 6 13 / .3))}.dtn-page-shell{max-width:1100px;margin:0 auto 32px;display:grid;gap:18px}.dtn-page-hero,.dtn-page-card{background:linear-gradient(180deg,rgb(16 22 37 / .95),rgb(9 13 22 / .97));border:1px solid var(--dtn-line);border-radius:24px;padding:26px;box-shadow:0 28px 80px rgb(0 0 0 / .35)}.dtn-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dtn-page-kicker,.dtn-kicker{margin:0 0 8px;color:var(--dtn-accent);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.dtn-page-hero h1,.dtn-title-copy h1,.dtn-story-panel h2,.dtn-stage-head h2{margin:0 0 12px;line-height:1.04}.dtn-page-lead{max-width:820px;color:var(--dtn-muted);font-size:1.05rem}.dtn-page-actions,.dtn-title-actions,.dtn-stage-actions,.dtn-riddle-actions,.dtn-top-actions{display:flex;flex-wrap:wrap;gap:12px}.dtn-page-btn,.dtn-btn,.dtn-icon-btn{appearance:none;border:1px solid var(--dtn-line);color:var(--dtn-text);background:linear-gradient(180deg,rgb(25 33 54 / .98),rgb(13 18 30 / .98));border-radius:14px;padding:11px 16px;cursor:pointer;text-decoration:none;font:inherit;transition:transform .16s ease,border-color .18s ease,background .18s ease}.dtn-page-btn:hover,.dtn-btn:hover,.dtn-icon-btn:hover,.dtn-page-btn:focus-visible,.dtn-btn:focus-visible,.dtn-icon-btn:focus-visible{outline:none;border-color:var(--dtn-accent);background:rgb(143 191 255 / .16);transform:translateY(-1px)}.dtn-btn-primary,.dtn-page-btn{border-color:rgb(143 191 255 / .45);box-shadow:0 0 0 1px rgb(143 191 255 / .08),0 0 28px rgb(143 191 255 / .1)}.dtn-page-btn-ghost{background:#fff0}.dtn-page-card-wide{grid-column:1 / -1}.dtn-engine{width:min(1420px, 100%);margin:0 auto 40px;position:relative;z-index:1}.dtn-screen-frame{position:relative;aspect-ratio:16 / 9;min-height:clamp(720px, 78vh, 920px);border-radius:28px;overflow:hidden;border:1px solid rgb(162 187 238 / .18);background:radial-gradient(circle at top,rgb(199 166 255 / .1),transparent 28%),#04060d;box-shadow:0 30px 100px rgb(0 0 0 / .55);outline:none}.dtn-screen-frame::before,.dtn-screen-frame::after{content:'';position:absolute;inset:0;pointer-events:none}.dtn-screen-frame::before{background:linear-gradient(180deg,rgb(255 255 255 / .03),transparent 16%),radial-gradient(circle at center,transparent 48%,rgb(0 0 0 / .45) 100%);z-index:1}.dtn-screen-frame::after{background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .02) 1px,transparent 1px);background-size:100% 4px,4px 100%;opacity:.08;mix-blend-mode:soft-light;z-index:1}.dtn-screen-frame:fullscreen,.dtn-screen-frame:-webkit-full-screen{width:100vw;height:100vh;max-width:none;border-radius:0}.dtn-art-backdrop,.dtn-art-backdrop img{position:absolute;inset:0;width:100%;height:100%}.dtn-art-backdrop{opacity:.42;pointer-events:none;filter:saturate(1.05) contrast(1.05)}.dtn-art-backdrop img{object-fit:cover}.dtn-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(180deg,rgb(5 8 14 / .8),#fff0)}.dtn-brand{display:flex;align-items:center;gap:14px}.dtn-brand strong{display:block;font-size:1rem}.dtn-brand span{display:block;color:var(--dtn-muted);font-size:.82rem}.dtn-brand-mark{width:40px;height:40px;filter:drop-shadow(0 0 18px rgb(199 166 255 / .3))}.dtn-playfield{position:relative;z-index:3;display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:18px;padding:10px 24px 24px;height:calc(100% - 76px)}.dtn-hud-left,.dtn-hud-right,.dtn-stage-shell{min-height:0}.dtn-hud-left,.dtn-hud-right{display:grid;gap:16px;align-content:start}.dtn-stage-shell{display:block;position:relative;border-radius:24px;border:1px solid rgb(162 187 238 / .16);background:linear-gradient(180deg,rgb(11 15 25 / .92),rgb(8 11 18 / .95));overflow:hidden;min-height:0}.dtn-hud-card{border-radius:20px;border:1px solid rgb(162 187 238 / .15);background:linear-gradient(180deg,rgb(14 19 31 / .92),rgb(8 11 18 / .94));padding:16px;backdrop-filter:blur(8px)}.dtn-hud-card h3{margin:0 0 12px;font-size:.95rem}.dtn-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dtn-stat-grid span{display:block;color:var(--dtn-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.dtn-stat-grid strong{display:block;margin-top:4px;font-size:1rem}.dtn-card-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dtn-card-tile{aspect-ratio:3 / 4;border-radius:12px;border:1px solid rgb(162 187 238 / .14);background:linear-gradient(180deg,rgb(29 38 59 / .95),rgb(13 17 28 / .98));display:flex;align-items:flex-end;justify-content:center;padding:8px;text-align:center;font-size:.66rem;color:var(--dtn-muted)}.dtn-card-tile.is-found{color:var(--dtn-text);border-color:rgb(124 226 158 / .35);box-shadow:0 0 0 1px rgb(124 226 158 / .08),0 0 24px rgb(124 226 158 / .08)}.dtn-log{display:grid;gap:8px;max-height:220px;overflow:auto}.dtn-log-entry{font-size:.82rem;color:var(--dtn-muted);padding:10px 12px;border-radius:12px;border:1px solid rgb(162 187 238 / .08);background:rgb(255 255 255 / .03)}.dtn-mini-list{margin:0;padding-left:18px;color:var(--dtn-muted);display:grid;gap:8px}.dtn-small{color:var(--dtn-muted);font-size:.82rem;line-height:1.45}.dtn-slider-wrap{display:grid;gap:8px;color:var(--dtn-muted)}.dtn-slider-wrap input[type=range]{width:100%}.dtn-screen{display:none;height:100%;padding:26px}.dtn-screen-active{display:block}.dtn-title-screen,.dtn-story-screen,.dtn-future-screen{height:100%;display:grid;place-items:center}.dtn-title-screen{grid-template-columns:360px 1fr;gap:30px}.dtn-title-art{border-radius:30px;overflow:hidden;border:1px solid rgb(162 187 238 / .18);background:radial-gradient(circle at center,rgb(199 166 255 / .14),transparent 62%),rgb(255 255 255 / .02);padding:26px}.dtn-title-art img{width:100%;height:auto;display:block}.dtn-title-copy{max-width:620px}.dtn-title-copy p{color:var(--dtn-muted);font-size:1.02rem}.dtn-story-panel{width:min(760px, 100%);border-radius:26px;border:1px solid rgb(162 187 238 / .18);background:linear-gradient(180deg,rgb(16 21 34 / .95),rgb(8 11 18 / .98));padding:28px;box-shadow:0 32px 90px rgb(0 0 0 / .42)}.dtn-story-panel-wide{width:min(940px, 100%)}.dtn-story-panel p,.dtn-stage-head .dtn-sub,.dtn-feedback{color:var(--dtn-muted)}.dtn-card-reveal,.dtn-final-secret,.dtn-code-block{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgb(162 187 238 / .14);background:rgb(255 255 255 / .03)}.dtn-final-secret{display:none}.dtn-final-secret.is-visible{display:block;border-color:rgb(124 226 158 / .35);background:rgb(124 226 158 / .06)}.dtn-code-block strong{display:block;margin-top:8px;color:var(--dtn-good);letter-spacing:.12em;font-size:1.1rem}.dtn-stage-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}.dtn-game-view{display:grid;grid-template-columns:260px 1fr;gap:18px;min-height:calc(100% - 108px)}.dtn-door-portrait,.dtn-puzzle-zone{border-radius:22px;border:1px solid rgb(162 187 238 / .14);background:linear-gradient(180deg,rgb(14 19 31 / .9),rgb(7 10 17 / .94))}.dtn-door-portrait{display:grid;place-items:center;padding:20px}.dtn-door-shell{width:100%;max-width:220px;aspect-ratio:5 / 8;border-radius:22px;overflow:hidden;position:relative;background:radial-gradient(circle at top,rgb(199 166 255 / .16),transparent 34%),linear-gradient(180deg,rgb(33 44 68 / .95),rgb(13 18 30 / .98));border:1px solid rgb(162 187 238 / .18);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .02),0 18px 46px rgb(0 0 0 / .4)}.dtn-door-shell.is-open{box-shadow:inset 0 0 0 1px rgb(124 226 158 / .08),0 0 36px rgb(124 226 158 / .12),0 18px 46px rgb(0 0 0 / .4)}.dtn-door-art{width:100%;height:100%;object-fit:cover;opacity:.85}.dtn-door-label{position:absolute;left:14px;right:14px;bottom:14px;padding:12px;border-radius:16px;background:rgb(0 0 0 / .42);border:1px solid rgb(255 255 255 / .08)}.dtn-door-label span{display:block;color:var(--dtn-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.dtn-door-label strong{display:block;margin-top:4px}.dtn-puzzle-zone{padding:18px;display:grid;align-content:start;box-shadow:inset 0 1px 0 rgb(255 255 255 / .03)}.dtn-grid-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dtn-grid-card,.dtn-riddle-card{border-radius:18px;border:1px solid rgb(162 187 238 / .12);background:rgb(255 255 255 / .03);padding:16px}.dtn-grid-card h3,.dtn-riddle-card h3{margin-top:0}.dtn-grid{display:grid;gap:8px;margin-top:12px}.dtn-tile{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgb(162 187 238 / .16);background:#202a40}button.dtn-tile{cursor:pointer;padding:0}button.dtn-tile:hover,button.dtn-tile:focus-visible{outline:none;transform:translateY(-1px);border-color:var(--dtn-accent);box-shadow:0 0 0 1px rgb(143 191 255 / .12),0 0 20px rgb(143 191 255 / .12)}.dtn-tile.is-on{background:linear-gradient(180deg,#94c3ff,#6f99ff);box-shadow:0 0 24px rgb(143 191 255 / .22)}.dtn-riddle-mask{margin:12px 0;padding:12px 14px;border-radius:14px;border:1px dashed rgb(143 191 255 / .28);background:rgb(143 191 255 / .06);letter-spacing:.28em;font-weight:700}.dtn-riddle-bank{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dtn-letter{appearance:none;cursor:pointer;font:inherit;font-weight:600;padding:8px 10px;min-width:42px;border-radius:10px;border:1px solid rgb(162 187 238 / .18);background:rgb(143 191 255 / .08);color:var(--dtn-text)}.dtn-letter:hover,.dtn-letter:focus-visible{outline:none;background:rgb(143 191 255 / .16);border-color:var(--dtn-accent)}.dtn-riddle-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgb(162 187 238 / .18);background:#0b111c;color:var(--dtn-text);margin-bottom:12px}.dtn-feedback.is-warn{color:var(--dtn-warn)}.dtn-feedback.is-danger{color:var(--dtn-danger)}.dtn-feedback.is-good{color:var(--dtn-good)}.dtn-future-list{display:grid;gap:12px;margin-top:16px}.dtn-future-item{padding:14px 16px;border-radius:18px;border:1px solid rgb(162 187 238 / .14);background:rgb(255 255 255 / .035)}.dtn-future-item strong{display:block;margin-bottom:8px}.dtn-ending-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.dtn-ending-stats div{padding:12px 14px;border-radius:14px;border:1px solid rgb(162 187 238 / .14);background:rgb(255 255 255 / .03)}.dtn-ending-stats span{display:block;color:var(--dtn-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.dtn-ending-stats strong{display:block;margin-top:4px}@media (max-width:1240px){.dtn-playfield{grid-template-columns:230px minmax(0,1fr) 230px}}@media (max-width:1080px){.dtn-game-wrap{padding-left:12px;padding-right:12px}.dtn-page-grid,.dtn-playfield,.dtn-title-screen,.dtn-game-view,.dtn-grid-pair{grid-template-columns:1fr}.dtn-screen-frame{aspect-ratio:auto;min-height:980px}.dtn-hud-left,.dtn-hud-right{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.dtn-page-grid,.dtn-hud-left,.dtn-hud-right,.dtn-ending-stats,.dtn-stat-grid{grid-template-columns:1fr}.dtn-screen,.dtn-page-hero,.dtn-page-card{padding:18px}.dtn-screen-frame{min-height:1120px;border-radius:20px}.dtn-topbar,.dtn-playfield{padding-left:14px;padding-right:14px}}