*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111719;color:#f1eedc;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #86f3d4;outline-offset:5px}button{color:inherit}button:hover{filter:brightness(1.16)}.site-header{max-width:1440px;margin:auto;height:90px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293334}.brand{display:flex;align-items:center;gap:7px;font:24px Dungeon,monospace;letter-spacing:1px;white-space:nowrap}.brand>span:not(.brand-icon){color:#73d9c0}.brand-icon{margin-right:6px;font-size:31px;color:#73d9c0}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px;color:#b5c0bc}.icon-button{background:none;border:1px solid #354342;padding:7px 12px;font-size:14px;border-radius:4px}.page-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,920px) 160px;gap:32px;padding:0 34px}.intro{text-align:center;padding:47px 0 27px}.eyebrow,.section-label{color:#83b3a5;font:13px monospace;letter-spacing:2px}.tiny-cross{color:#e8c073;margin-right:6px}.intro h1{font-size:32px;line-height:1.4;letter-spacing:-1.4px;margin:14px 0 12px}.intro h1 br{display:none}.intro h1 span{color:#75d4bd}.intro p{font-size:14px;color:#9ba9a5;margin:0}.timer-shell{border:1px solid #435953;border-radius:8px;overflow:hidden;background:#151e20;box-shadow:0 16px 45px #0002;scroll-margin-top:15px}.dungeon-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font:12px monospace;color:#afbeb5;letter-spacing:1.5px;border-bottom:1px solid #344542;background:#1b2729}.dungeon-top i{display:inline-block;width:6px;height:6px;background:#76d4b4;margin-right:9px}.dungeon-top>div{display:flex;align-items:center;gap:15px}.dungeon-top button{border:0;background:none;font:22px monospace;color:#97b9ab;padding:0 3px}.dungeon{position:relative;isolation:isolate;aspect-ratio:960/520;background:#121d21;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.clock-display{position:absolute;top:10%;left:0;width:100%;text-align:center;pointer-events:none;text-shadow:0 3px 0 #101719,0 0 24px #101719}.clock-display>p:first-child{font:12px monospace;letter-spacing:3px;color:#b3c4b6;margin:0 0 10px}#clock{font:clamp(68px,7.5vw,110px)/1 Dungeon,monospace;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#fff3cc}#scene-message{font-size:13px;color:#bcc8be;margin:13px 15px 0}.scene-bottom{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;font:11px monospace;color:#9ac2b3;letter-spacing:1px}.scene-bottom b{color:#dcdfc7;font-weight:normal}.meter{height:5px;background:#294343}#meter-fill{height:100%;width:0;background:#79e5c3;box-shadow:0 0 15px #59f0c2}.controls{padding:22px 28px 14px;background:#1a2526}.preset-row{display:flex;gap:9px;justify-content:center}.preset-row button{border:1px solid #3d4c48;background:#1d292a;border-radius:4px;padding:8px 23px;color:#bac9bf;font-size:14px;white-space:nowrap}.preset-row button.selected{border-color:#90cbb3;background:#2e4640;color:#ccf6dc}.preset-row #custom-toggle{padding:8px 17px}#custom-toggle span{margin-left:9px;color:#85b29f}.action-row{display:flex;gap:12px;max-width:365px;margin:20px auto 12px}.primary{flex:1;border:1px solid #99e6bc;background:#99d9b1;color:#10251c;font-weight:700;border-radius:4px;padding:11px 20px;box-shadow:0 3px 0 #50886a}.primary span{font-size:12px;margin-right:10px}.reset{width:47px;border:1px solid #4b6055;background:#26382f;font-size:26px;border-radius:4px}.keyboard-hint{text-align:center;color:#8eaaa0;font-size:12px;margin:12px 0 0}.keyboard-hint span{margin:0 12px}kbd{font:10px monospace;border:1px solid #465b51;padding:2px 4px;border-radius:3px;margin-right:4px}#custom-form{margin:18px 0 0;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}#custom-form[hidden]{display:none}#custom-form label{font-size:14px;color:#b2c6bb}#custom-form input{width:65px;background:#111c1a;border:1px solid #58705c;border-radius:3px;color:#f0edce;padding:5px 8px}#custom-form button{border:1px solid #567061;background:#293d30;padding:5px 16px;border-radius:3px}#input-error{font-size:13px;color:#ffc090;width:100%;text-align:center}.under-game{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#879e91;margin:15px 0 40px}.teal{color:#84d7b0}.ad-rail{padding-top:221px;display:flex;flex-direction:column;gap:28px}.ad-slot{height:300px;border:1px dashed #2d3a38;text-align:center;color:#778980;position:relative;background:repeating-linear-gradient(135deg,#17201f44 0 1px,transparent 1px 9px)}.ad-slot>span{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font:9px monospace;letter-spacing:2px;padding:0 8px;background:#111719}.ad-slot>div{position:absolute;left:0;right:0;top:45%;font-size:13px}.ad-slot small{display:block;font:11px monospace;color:#657c70;margin-top:6px}.guide{padding:20px 0 35px;border-top:1px solid #2b3832}.section-label{font-size:11px;letter-spacing:2px;margin-top:9px}.guide h2,.faq h2,.quick-links h2{font-size:22px;letter-spacing:-.6px;margin:9px 0 25px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide-grid article>b{font:26px Dungeon,monospace;color:#79bd99}.guide h3{font-size:16px;margin:8px 0}.guide p{font-size:14px;color:#9dac9f;line-height:1.9;margin:0}.quick-links{border-top:1px solid #2b3832;padding:30px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-links h2{grid-column:1/-1;margin-bottom:8px;font-size:19px}.quick-links a{font-size:14px;padding:12px 0;border-bottom:1px solid #486050}.quick-links a span{display:block;color:#859d8c;font-size:12px}.faq{border-top:1px solid #2b3832;padding:28px 0 45px}.faq h2{font-size:20px}.faq details{border-bottom:1px solid #2b3832;padding:14px 0}.faq summary{font-size:15px;cursor:pointer}.faq p{color:#a8b8ab;font-size:14px;line-height:1.9}footer{max-width:1372px;border-top:1px solid #2b3832;margin:0 auto;padding:30px 4px 35px;display:flex;gap:25px;align-items:center;justify-content:space-between}footer>.brand{font-size:17px}footer>span{font:12px monospace;color:#6e8977}footer>div{display:flex;gap:24px;font-size:12px;color:#94aa9b}.skip{position:fixed;top:-80px;left:15px;background:#a6f6ce;color:#163526;padding:12px;z-index:50}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer-shell:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;background:#111719}.timer-shell:fullscreen .dungeon{max-height:70vh;width:100%;aspect-ratio:auto}.timer-shell:fullscreen canvas{object-fit:contain}.timer-shell:fullscreen #clock{font-size:110px}.article-page{max-width:820px;margin:60px auto;padding:0 24px 80px}.article-page h1{font-size:34px;line-height:1.4}.article-page p,.article-page li{color:#b2c4b6;line-height:1.9}.article-page a:not(.primary){color:#a5dfbc;text-decoration:underline}.article-page .primary{display:inline-block;margin:10px 0 25px}.article-page h2{margin-top:35px;font-size:23px}@media(min-width:1550px){#clock{font-size:118px}}@media(max-width:1150px){.page-grid{grid-template-columns:130px minmax(0,1fr) 130px;gap:18px;padding:0 22px}.intro h1{font-size:28px}.intro h1 br{display:block}.ad-rail{padding-top:241px}.preset-row button{padding:7px 17px}.preset-row #custom-toggle{padding:7px 10px}.under-game>span:last-child{display:none}footer{margin:0 22px}footer>span{display:none}}@media(max-width:940px){.page-grid{display:block;max-width:790px;padding:0 20px}.ad-rail{display:none}.site-header{height:74px;padding:0 24px}.intro{padding-top:35px}.intro h1 br{display:none}#clock{font-size:96px}.site-header nav{gap:18px}.guide-grid{gap:20px}}@media(max-width:600px){.site-header{padding:0 16px;height:65px}.brand{font-size:17px;gap:5px}.brand-icon{font-size:24px;margin-right:2px}.site-header nav{gap:13px}.site-header nav>a:not([lang]){display:none}.icon-button{border:0;padding:4px;font-size:13px}.icon-button span{font-size:12px}.page-grid{padding:0 12px}.intro{padding:28px 10px 22px}.eyebrow{font-size:10px;letter-spacing:1.2px}.intro h1{font-size:26px;letter-spacing:-.9px}.intro h1 br{display:block}.intro p{font-size:13px;max-width:280px;margin:auto}.dungeon{aspect-ratio:1.38}.dungeon canvas{object-fit:cover;object-position:center}.dungeon-top{padding:0 12px;font-size:10px;letter-spacing:.9px}.dungeon-top>div{gap:10px}.clock-display{top:13%}.clock-display>p:first-child{font-size:10px;letter-spacing:2px}#clock{font-size:76px}#scene-message{font-size:11px;margin-top:9px}.scene-bottom{left:12px;right:12px;font-size:9px;letter-spacing:0}.controls{padding:18px 12px 15px}.preset-row{gap:6px}.preset-row button{padding:7px 13px;font-size:13px}.preset-row #custom-toggle{padding:7px 9px}#custom-toggle span{display:none}.action-row{margin:18px auto 12px;max-width:300px}.under-game{justify-content:center;margin:14px 0 30px;font-size:11px}.guide{padding:22px 8px 30px}.guide h2{font-size:20px}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-grid article{position:relative;padding-left:42px}.guide-grid article>b{position:absolute;left:0;top:5px;font-size:25px}.guide h3{margin-top:0}.quick-links{grid-template-columns:1fr 1fr;padding:26px 8px}.quick-links h2{font-size:18px}.faq{padding:25px 8px 35px}.faq summary{font-size:14px}footer{margin:0 20px;align-items:flex-start;flex-wrap:wrap;padding:25px 0;gap:20px}footer>div{gap:17px;flex-wrap:wrap;font-size:11px}.article-page{margin-top:30px}.article-page h1{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:360px){.preset-row button{padding:7px 10px}#clock{font-size:64px}.brand{font-size:15px}.scene-bottom{font-size:8px}}

#clock{display:flex;align-items:center;justify-content:center;gap:0;height:1em}.pixel-digit{display:inline-block;flex:0 0 .85em;width:.85em;height:.85em;background-image:url(/assets/dungeon-mode-atlas.png);background-size:1600% 1600%;image-rendering:pixelated;mix-blend-mode:screen;color:transparent;overflow:hidden;font-size:inherit;line-height:1;filter:sepia(.25)}

.pixel-digit{text-shadow:none}.pixel-colon{color:transparent;text-shadow:none;flex:0 0 .3em;width:.3em;height:.7em;position:relative}.pixel-colon:before,.pixel-colon:after{content:"";position:absolute;left:.08em;width:.1em;height:.1em;background:#fff3d5;top:.18em}.pixel-colon:after{top:.43em}.intro h1 span:before{content:" ";white-space:pre}@media(max-width:600px){.intro h1 span:before{content:none}}
@media(min-width:941px){.site-header{height:74px}.intro{padding:25px 0 20px}.intro h1{font-size:29px}.dungeon{height:clamp(290px,42vh,430px);aspect-ratio:auto}.dungeon canvas{object-fit:fill}.ad-rail{padding-top:183px}.controls{padding-top:17px;padding-bottom:12px}}
@media(max-width:600px){.dungeon{aspect-ratio:1.65}.dungeon canvas{object-fit:fill}#clock{font-size:66px}.clock-display{top:9%}#scene-message{font-size:10px;margin-top:7px}.clock-display>p:first-child{margin-bottom:6px}}

/* Keep the application in its own track when an ad blocker hides or removes rails. */
.page-grid > main { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
.page-grid > aside:first-of-type { grid-column: 1; grid-row: 1; min-width: 0; }
.page-grid > aside:last-of-type { grid-column: 3; grid-row: 1; min-width: 0; }

/* Deliberate ad capacity: four side placements, one between content sections. */
.ad-slot { overflow:visible; }
.ad-slot ins { width:100%; min-height:250px; }
.ad-inline { height:auto; min-height:110px; margin:32px 0 42px; }
.ad-inline ins { min-height:90px; }
.ad-slot[data-requested="true"] { background:none; border-color:transparent; }
@media(max-width:1150px) and (min-width:941px) {
  .page-grid { grid-template-columns:160px minmax(0,1fr) 160px; gap:20px; padding:0 18px; }
  .preset-row { flex-wrap:wrap; }
}
@media(max-width:600px) { .ad-inline { min-height:120px; margin:32px 8px; } }

.ad-slot[hidden] { display:none !important; }
.ad-slot:has(ins[data-ad-status="unfilled"]) { display:none !important; }
.privacy-settings { border:0;background:none;color:inherit;padding:0;font:inherit;text-decoration:underline; }
.privacy-settings[hidden] { display:none; }