/* Full-screen dive. Only a scored answer moves the world. */
html[data-game=deep-cuts]{--dc-header-height:64px}
html[data-game=deep-cuts] body{transform:translateY(var(--dc-viewport-top,0px));height:var(--dc-viewport-height,100dvh);min-height:0;overflow:hidden;margin:0}
html[data-game=deep-cuts] header{box-sizing:border-box;position:relative;z-index:30;min-height:0;height:var(--dc-header-height);padding:8px 20px;flex-wrap:nowrap;border-bottom:1px solid var(--line);background:var(--bg)}
html[data-game=deep-cuts] header .brand{display:flex;align-items:center;gap:8px;font-size:21px;white-space:nowrap}
html[data-game=deep-cuts] header .brand img{width:26px;height:26px}
html[data-game=deep-cuts] header :is(.brand,nav>.quiet){color:var(--ink)}
html[data-game=deep-cuts] header nav{width:auto;gap:12px;flex-wrap:nowrap}
html[data-game=deep-cuts] header .nav-disclosure>summary{color:var(--ink);border-color:var(--line)}
html[data-game=deep-cuts] main.dc-main{position:relative;box-sizing:border-box;width:100%;max-width:none;height:calc(var(--dc-viewport-height,100dvh) - var(--dc-header-height));padding:0;margin:0}
html[data-game=deep-cuts]:not(.nav-mounted) main::before{display:none}
.dc-main [hidden]{display:none!important}
.dc-main :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.dc-main button{cursor:pointer;min-height:44px}
.dc-main button:disabled{cursor:wait}
.dc-main .mode-toolbar{position:absolute;top:18px;left:22px;z-index:20;margin:0}
.dc-main .current-mode{display:none}
.dc-main #mode-menu>summary{font-size:12px;min-height:44px;padding:10px 12px}
.dc-main .arrival-status{position:absolute;top:14px;left:calc(100% + 12px);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-options-button{position:absolute;bottom:22px;left:22px;z-index:10;font-size:12px;border:1px solid var(--line);background:var(--bg);padding:10px 12px}
#dc-error{position:absolute;left:50%;bottom:192px;transform:translateX(-50%);z-index:15;max-width:calc(100% - 48px);padding:10px 14px;margin:0;background:var(--panel);border:1px solid var(--wrong);color:var(--ink);font-size:13px}
#dc-error:empty{display:none}
html:not(.dc-keyboard) #dc-error{bottom:var(--dc-error-bottom,236px)}
.dc-arena{--dc-darkness:0%;--dc-water:color-mix(in srgb,#9bdce9,#071d30 var(--dc-darkness));--dc-water-ink:#386c86;--ink:#13384b;--muted:#234b60;--accent:#602477;--line:#497b91;--bg:#e3f3f7;--panel:#d2eaf2;--dc-camera:0px;position:absolute;inset:0;isolation:isolate;overflow:hidden;background:var(--dc-water);color:var(--ink);transition:background-color var(--dc-descent-duration,2400ms) ease-in-out}
html[data-theme=dark] .dc-arena{--dc-water:color-mix(in srgb,#1d3d5e,#010308 var(--dc-darkness));--dc-water-ink:#688eae;--ink:#f0edf7;--muted:#c0cddd;--accent:#d7adea;--line:#5c7390;--bg:#101d31;--panel:#18283f;--wrong:#ff9aab}
.dc-arena::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent,#02050d18)}
.dc-scenery{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;color:var(--dc-water-ink)}
.dc-scenery .dc-world{position:absolute;inset:0 0 auto;height:5000px;background:url("/deep-cuts-water.svg") repeat;background-size:960px 480px;transform:translateY(var(--dc-camera));transition:transform var(--dc-descent-duration,2400ms) ease-in-out}
.dc-arena.dc-diving{transition-duration:var(--dc-descent-duration,2400ms)}
.dc-hud{position:absolute;top:108px;left:50%;width:min(600px,calc(100% - 380px));transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:22px;pointer-events:none}
.dc-progress{text-align:center}.dc-progress p{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 8px;color:var(--muted)}
#dc-round-track{display:flex;gap:6px;list-style:none;margin:0;padding:0}
#dc-round-track li{display:grid;place-items:center;width:25px;height:25px;font-size:11px;font-weight:700;border:1px solid var(--line);background:var(--bg);color:var(--muted)}
#dc-round-track .dc-round-current{border:2px solid var(--accent);color:var(--accent)}#dc-round-track .dc-round-done{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.dc-score-box{position:absolute;top:-90px;right:calc(-50vw + 50% + 22px);width:96px;text-align:right;font-variant-numeric:tabular-nums}
.dc-score-box>span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}#dc-score{display:inline-block;font:700 36px/1.2 'Barlow Condensed',sans-serif;color:var(--accent)}.dc-score-box small{font-size:10px;color:var(--muted);margin-left:5px}
.dc-clock{position:absolute;top:calc(100dvh - var(--dc-header-height) - 352px);display:flex;align-items:baseline;gap:4px;width:110px;justify-content:center;padding-bottom:7px;font-variant-numeric:tabular-nums}
.dc-clock>span{white-space:nowrap;font-size:8px;letter-spacing:1px;color:var(--muted);margin-right:4px}.dc-clock strong{font-size:24px;color:var(--ink)}.dc-clock small{font-size:10px;color:var(--muted)}.dc-clock>i{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--line)}.dc-clock b{display:block;height:100%;background:var(--accent);transform-origin:left}.dc-clock.dc-urgent strong{color:var(--wrong)}.dc-clock.dc-urgent b{background:var(--wrong)}
.dc-depth{position:absolute;right:26px;top:96px;bottom:100px;width:92px;pointer-events:none;color:var(--dc-water-ink);font-variant-numeric:tabular-nums}
.dc-depth-readout{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:220px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none}.dc-depth-label{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}#dc-depth-value{display:block;white-space:nowrap;font:700 46px/1.1 'Barlow Condensed',Impact,sans-serif;color:var(--ink)}#dc-depth-zone{display:block;font-size:10px;color:var(--muted);margin:2px 0 5px}.dc-depth-progress{height:4px;width:130px;margin:auto;background:var(--line)}#dc-depth-fill{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dc-descent-duration,2400ms) ease-in-out}
.dc-depth-window{position:absolute;inset:0 0 0 -48px;overflow:hidden}.dc-depth-line{position:absolute;left:62px;top:0;width:78px;height:4200px;border-left:1px solid currentColor;transform:translateY(var(--dc-camera));transition:transform var(--dc-descent-duration,2400ms) ease-in-out}
.dc-depth-line>span{position:absolute;left:12px;font-size:10px;line-height:1;white-space:nowrap}.dc-depth-line>span::before{content:'';position:absolute;left:-12px;top:50%;width:8px;border-top:1px solid currentColor}.dc-depth-window #dc-depth-marker{position:absolute;left:51px;top:160px;font-size:21px;line-height:1;color:var(--accent);transform:translateY(-50%)}
#dc-game{position:absolute;inset:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;min-height:0;pointer-events:none}
#dc-question{position:relative;width:100%;height:100%}
.dc-prompt-heading{position:absolute;top:176px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 290px));text-align:center;pointer-events:auto}
.dc-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}.dc-prompt-heading>.dc-eyebrow{margin:0}#dc-prompt{margin:14px 0 0;font:700 clamp(30px,4vw,48px)/1.12 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}#dc-kind{margin:12px 0 0;color:var(--muted);font-size:12px}
#dc-answer-form{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(600px,calc(100% - 320px));pointer-events:auto}
#dc-answer-form>label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:8px;color:var(--muted)}
.dc-search{position:relative}#dc-input{width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:15px 17px;background:var(--bg);color:var(--ink);border:2px solid var(--accent);border-radius:0;min-height:54px}
#dc-selected{min-height:16px;font-size:11px;margin:6px 0;color:var(--muted)}.dc-actions{display:flex;gap:14px}.dc-actions .primary{flex:1}.dc-actions button{font-size:13px;padding:10px 16px}
#dc-result{position:absolute;left:50%;top:32%;transform:translateX(-50%);width:min(600px,calc(100% - 290px));text-align:center;pointer-events:auto}
.dc-answer-token{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 18px;will-change:transform}
#dc-art{width:100px;height:112px;object-fit:contain;image-rendering:auto}#dc-answer-name{font:700 clamp(26px,3.5vw,40px)/1.15 'Barlow Condensed',sans-serif;overflow-wrap:anywhere;color:var(--ink)}
#dc-rarity{margin:0 0 4px}#dc-points{font:700 44px/1.15 'Barlow Condensed',sans-serif;color:var(--accent);font-variant-numeric:tabular-nums}#dc-feedback{font-size:13px;line-height:1.5;margin:8px 0;color:var(--ink)}#dc-basis{font-size:10px;line-height:1.5;max-width:46ch;margin:10px auto;color:var(--muted)}
#dc-rarity-meter{display:flex;gap:5px;max-width:180px;margin:14px auto}#dc-rarity-meter i{height:5px;flex:1;background:var(--line)}#dc-rarity-meter .dc-tier-filled{background:var(--accent)}
#dc-next{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);pointer-events:auto;min-width:210px;padding:15px 24px}
.dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading>.dc-eyebrow,.dc-arena:has(#dc-result:not([hidden])) #dc-kind{display:none}.dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:166px}.dc-arena:has(#dc-result:not([hidden])) #dc-prompt{margin:0;font-size:20px;color:var(--muted)}
#dc-idle.intro{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 290px));text-align:left;margin:0}
.dc-main #dc-idle h1{font:700 clamp(52px,8vw,84px)/1 'Barlow Condensed',sans-serif;margin:18px 0;color:var(--ink)}#dc-idle>p{font-size:16px;line-height:1.6;color:var(--muted)}#dc-idle .series-label{font-size:10px;color:var(--accent)}#dc-idle>.fine-print{font-size:11px}
.dc-rarity-key{display:flex;gap:16px;margin:26px 0 32px}.dc-rarity-key>span{flex:1;border-top:2px solid var(--accent);padding-top:9px;font:700 24px 'Barlow Condensed',sans-serif;color:var(--accent)}.dc-rarity-key small{display:block;font:10px 'DM Sans',sans-serif;color:var(--muted);margin-top:5px}
#dc-play{padding:14px 24px}
#dc-options{width:min(540px,calc(100vw - 36px));max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;background:var(--bg);color:var(--ink);border:2px solid var(--accent);padding:24px;margin:auto}
#dc-options::backdrop{background:#111827b8}.dc-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dc-dialog-heading h2{font-size:28px;margin:0}.dc-dialog-heading button{font-size:12px;padding:8px}
.dc-rules{border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:16px}.dc-rules summary{cursor:pointer;font-size:13px;font-weight:700}.dc-rules p{font-size:13px;line-height:1.65}
#dc-part-settings summary{font-size:14px;font-weight:700;cursor:pointer;padding:8px 0}.dc-main fieldset{border:0;padding:0;margin:10px 0 18px}#dc-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#dc-parts label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0;min-height:30px}#dc-parts input{width:18px;height:18px;margin:0;accent-color:var(--accent)}#dc-start{width:100%;margin:8px 0;padding:13px}
#dc-session,#dc-best{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}
#dc-finish{position:absolute;left:50%;top:96px;bottom:22px;transform:translateX(-50%);width:min(620px,calc(100% - 290px));box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);padding:24px}
#dc-finish h2{font-size:32px;margin:4px 0}#dc-total{font-size:32px;color:var(--accent);font-weight:700;margin:10px 0}#dc-history{list-style:none;counter-reset:dc-round;margin:12px 0 22px;padding:0}#dc-history li{position:relative;counter-increment:dc-round;display:grid;grid-template-columns:18px 1fr 35px;gap:10px;padding:10px 0 12px;border-bottom:1px solid var(--line)}#dc-history li::before{content:counter(dc-round);font-size:11px;color:var(--muted);padding-top:3px}#dc-history strong{display:block;font-size:13px}#dc-history span{display:block;font-size:10px;color:var(--muted);margin-top:3px}#dc-history b{text-align:right;color:var(--accent)}#dc-history i{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent)}#dc-share{margin-left:8px}#dc-share-status{font-size:11px}
@media(max-width:700px){
 html[data-game=deep-cuts]{--dc-header-height:58px}html[data-game=deep-cuts] header{padding:7px 14px;gap:8px}html[data-game=deep-cuts] header .brand{font-size:16px;gap:5px}html[data-game=deep-cuts] header .brand img{width:20px;height:20px}html[data-game=deep-cuts] header nav{gap:8px;justify-content:flex-end}html[data-game=deep-cuts] header nav>.quiet[href*='leaderboard']{display:none}html[data-game=deep-cuts] header nav>.quiet{font-size:11px}html[data-game=deep-cuts] header .nav-disclosure>summary{font-size:11px;padding:7px;min-height:34px}html[data-game=deep-cuts] #events-menu .nav-popover{left:auto;right:0;width:min(330px,calc(100vw - 28px))}
 .dc-main .mode-toolbar{top:12px;left:14px}.dc-main #mode-menu>summary{font-size:11px;min-height:40px;padding:8px}.dc-main #mode-menu .nav-popover{width:calc(100vw - 28px)}.dc-main .arrival-status{font-size:10px}
 .dc-hud{top:96px;width:auto;gap:0}.dc-progress p{font-size:8px}#dc-round-track{gap:4px}#dc-round-track li{width:22px;height:22px;font-size:10px}.dc-score-box{right:calc(-50vw + 50% + 14px);top:-82px;width:88px}#dc-score{font-size:28px}.dc-score-box>span{font-size:8px}
 .dc-depth{top:148px;right:7px;bottom:170px;width:48px}.dc-depth-readout{top:10px;width:132px}.dc-depth-label{font-size:8px;letter-spacing:1px}#dc-depth-value{font-size:34px}#dc-depth-zone{font-size:9px;margin:2px 0 5px}.dc-depth-progress{width:100px;height:3px}.dc-depth-window{left:-32px}.dc-depth-line{left:38px;width:42px}.dc-depth-line>span{left:7px;font-size:8px}.dc-depth-line>span::before{left:-7px;width:5px}.dc-depth-window #dc-depth-marker{left:32px;font-size:15px}
 .dc-prompt-heading{top:166px;width:calc(100% - 90px);left:calc(50% - 13px)}.dc-prompt-heading>.dc-eyebrow{font-size:8px}#dc-prompt{font-size:31px}#dc-kind{font-size:11px}
 #dc-answer-form{width:calc(100% - 28px);bottom:65px}#dc-input{font-size:16px;padding:12px;min-height:50px}.dc-actions button{font-size:12px;min-height:44px}.dc-clock{top:calc(100dvh - var(--dc-header-height) - 338px)}
 .dc-options-button{left:14px;bottom:10px;font-size:11px;padding:8px 10px;min-height:38px}#dc-error{bottom:236px;width:calc(100% - 48px)}
 #dc-result{top:32%;left:calc(50% - 13px);width:calc(100% - 90px)}#dc-art{width:80px;height:86px}#dc-answer-name{font-size:28px}.dc-answer-token{gap:7px;margin-bottom:12px}#dc-points{font-size:36px}#dc-feedback{font-size:12px}#dc-basis{font-size:9px}#dc-rarity-meter{margin:10px auto}#dc-next{bottom:65px;min-width:210px;font-size:13px}
 .dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:156px}.dc-arena:has(#dc-result:not([hidden])) #dc-prompt{font-size:18px}
 #dc-idle.intro{top:24%;left:calc(50% - 13px);width:calc(100% - 90px)}.dc-main #dc-idle h1{font-size:57px}#dc-idle>p{font-size:14px}.dc-rarity-key{gap:8px;margin:20px 0 26px}.dc-rarity-key>span{font-size:22px}.dc-rarity-key small{font-size:8px}#dc-play{font-size:13px;padding:12px}
 #dc-finish{top:139px;bottom:61px;width:calc(100% - 38px);padding:18px}#dc-finish h2{font-size:27px}#dc-total{font-size:27px}#dc-options{padding:20px}#dc-options .dc-dialog-heading h2{font-size:25px}
}
@media(max-height:650px){.dc-prompt-heading{top:101px}#dc-prompt{font-size:28px}#dc-result{top:29%}#dc-art{width:60px;height:68px}.dc-answer-token{margin-bottom:8px}#dc-points{font-size:30px}#dc-basis{display:none}.dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:94px}#dc-idle.intro{top:22%}.dc-main #dc-idle h1{font-size:48px}.dc-rarity-key{margin:14px 0}#dc-idle>.fine-print{display:none}}
@media(prefers-reduced-motion:reduce){.dc-arena,.dc-world,.dc-depth-line,#dc-depth-fill{transition:none!important}.dc-answer-token{will-change:auto}}

.dc-diving #dc-prompt{opacity:0}#dc-prompt{transition:opacity 150ms ease}#dc-settings-error{font-size:13px;color:var(--wrong)}#dc-settings-error:empty{display:none}
@media(max-width:700px) and (max-height:650px){.dc-prompt-heading{top:156px}.dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:156px}#dc-result{top:36%}}

.dc-depth-window #dc-depth-marker b{position:absolute;right:25px;top:2px;padding:3px 5px;background:var(--accent);color:var(--bg);font:700 9px/1 'DM Sans',sans-serif;letter-spacing:1px}
html[data-game=deep-cuts] header #theme-toggle{position:static;display:flex;gap:6px;padding:7px 10px;border:1px solid var(--line);min-height:40px;font-size:12px;white-space:nowrap;color:var(--ink)}
html[data-game=deep-cuts] header #theme-toggle .theme-track{width:32px;height:20px}html[data-game=deep-cuts] header #theme-toggle .theme-track::after{width:14px;height:14px;top:2px;left:2px}html[data-game=deep-cuts][data-theme=dark] header #theme-toggle .theme-track::after{transform:translateX(12px)}
@media(max-width:700px){html[data-game=deep-cuts] header #theme-toggle{font-size:11px;padding:6px}.dc-depth-window #dc-depth-marker b{right:18px;top:0;font-size:8px;padding:3px;letter-spacing:0}.dc-main .arrival-status{top:50px;left:0;max-width:120px}}
@media(min-width:701px) and (max-height:650px){.dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:112px}#dc-result{top:32%}.dc-hud{top:58px}.dc-score-box{top:-40px}.dc-depth-readout{top:4px}#dc-depth-value{font-size:34px}#dc-depth-zone,.dc-depth-progress{display:none}.dc-prompt-heading{top:112px}.dc-clock{top:calc(100dvh - var(--dc-header-height) - 302px)}}
@media(max-width:370px){html[data-game=deep-cuts] header #theme-toggle .theme-label{display:none}html[data-game=deep-cuts] header #theme-toggle{min-width:44px;justify-content:center}.dc-main #mode-menu>summary{font-size:10px;padding:8px 6px}.dc-depth-readout{width:112px}.dc-main #mode-menu>summary::after{margin-left:4px}}


@media(min-width:701px) and (max-height:550px){#dc-art{display:none}}

.dc-score-box .dc-best-score{margin-top:5px;font-size:9px;letter-spacing:.6px;white-space:nowrap}.dc-best-score b{font-size:13px;letter-spacing:0;color:var(--ink);margin-left:4px}
@media(max-width:700px){.dc-score-box .dc-best-score{font-size:8px;letter-spacing:.3px}.dc-best-score b{font-size:11px;margin-left:3px}}

#dc-selected:has(button){display:flex;flex-wrap:wrap;gap:6px;align-items:center}#dc-selected:has(button)>span{flex-basis:100%}#dc-selected button{font-size:12px;padding:6px 9px;min-height:36px}
.dc-arena .primary{color:#fff}

/* Crop the actual colored manga bubble. Preserve its original star and shading. */
.dc-soft-bubble{position:absolute;background:url('/backgrounds/soft-wet-manga.jpg') 47.6% 70.1% / 921% 1075% no-repeat;clip-path:circle(48% at 50% 50%);opacity:.3;pointer-events:none}
.dc-soft-bubble:nth-child(2){transform:rotate(-22deg) scaleX(-1)}
.dc-soft-bubble:nth-child(3){transform:rotate(35deg)}
.dc-soft-bubble:nth-child(4){transform:rotate(18deg) scaleX(-1)}
.dc-soft-bubble:nth-child(5){transform:rotate(-42deg)}
.dc-soft-bubble:nth-child(6){transform:rotate(65deg) scaleX(-1)}
.dc-soft-bubble:nth-child(7){transform:rotate(-15deg)}
.dc-sunken-mask{position:absolute;left:12%;width:110px;height:auto;opacity:.24;transform:rotate(-18deg);filter:saturate(.35);pointer-events:none}

@media(max-width:700px){.dc-soft-bubble{opacity:.22}.dc-sunken-mask{left:4%;width:70px;opacity:.2}}

#dc-explanation{font-size:12px;line-height:1.5;margin:8px auto;max-width:48ch;color:var(--ink)}
#dc-report-answer,#dc-report-name,.dc-history-report{font-size:11px;min-height:44px;padding:4px 8px;text-decoration:underline;color:var(--accent)}
#dc-report-name{margin:0 0 8px}#dc-report-dialog{box-sizing:border-box;width:min(480px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:20px}
#dc-report-dialog::backdrop{background:#0009}#dc-report-context{font-size:13px;line-height:1.5;overflow-wrap:anywhere}#dc-report-note{box-sizing:border-box;display:block;width:100%;margin:8px 0;padding:10px;background:var(--bg);color:var(--ink);font:inherit;border:1px solid var(--line);resize:vertical}#dc-report-website{display:none}
#dc-result{max-height:calc(68% - 120px);overflow-y:auto;pointer-events:auto;scrollbar-width:thin}
#dc-finish{overflow-y:auto;max-height:calc(100% - 185px)}
@media(max-width:700px){#dc-explanation{font-size:11px}#dc-result{max-height:calc(68% - 120px)}}

#dc-report-answer{display:block;margin:4px auto}

#dc-report-close{flex-shrink:0}#dc-report-dialog .dc-dialog-heading h2{font-size:26px}
.dc-dialog-heading{position:sticky;top:0;z-index:3;background:var(--bg)}
#dc-report-form,#dc-report-form>.dc-dialog-heading{background:inherit}
.dc-dialog-heading button{min-height:44px}

#dc-report-dialog{background:#f5f2e8}html[data-theme=dark] #dc-report-dialog{background:#211f27}

/* Compact typing layout follows the visible area above a phone keyboard. */
@media(max-width:700px){
 html.dc-keyboard .dc-main :is(.mode-toolbar,.dc-options-button,.dc-depth,.dc-depth-readout){display:none}
 html.dc-keyboard .dc-hud{top:8px;width:calc(100% - 28px);justify-content:flex-start}
 html.dc-keyboard .dc-progress p{display:none}html.dc-keyboard #dc-round-track li{width:18px;height:20px}
 html.dc-keyboard .dc-score-box{top:0;right:0;width:82px}html.dc-keyboard #dc-score{font-size:22px}html.dc-keyboard .dc-best-score{display:none}
 html.dc-keyboard .dc-clock{top:30px;left:50%;transform:translateX(-50%);padding-bottom:3px}
 html.dc-keyboard .dc-clock strong{font-size:20px}
 html.dc-keyboard #dc-question{display:flex;flex-direction:column;box-sizing:border-box;padding:70px 14px 12px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}
 html.dc-keyboard .dc-prompt-heading{position:static;transform:none;width:100%;flex-shrink:0;text-align:left}
 html.dc-keyboard .dc-prompt-heading>.dc-eyebrow,html.dc-keyboard #dc-kind{display:none}
 html.dc-keyboard #dc-prompt{font-size:23px;margin:0}
 html.dc-keyboard #dc-answer-form{position:static;transform:none;width:100%;margin-top:auto;padding-top:12px;flex-shrink:0}
 html.dc-keyboard #dc-answer-form>label{margin-bottom:4px}
 html.dc-keyboard #dc-input{min-height:44px;padding:9px 12px}
 html.dc-keyboard #dc-selected{margin:4px 0;min-height:0}
 html.dc-keyboard #dc-error{bottom:auto;top:28px;max-width:calc(100% - 28px);font-size:11px;padding:5px 8px}
}

/* Keep the game and report inside the visible mobile viewport. */
html[data-game=deep-cuts]{overflow:hidden}
html[data-game=deep-cuts] body{position:fixed;inset:0;width:100%}
#dc-report-dialog{position:fixed;inset:calc(var(--dc-viewport-top,0px) + 12px) auto auto 50%;transform:translateX(-50%);margin:0;max-height:calc(var(--dc-viewport-height,100dvh) - 24px);overscroll-behavior:contain}
#dc-report-dialog::backdrop{background:#244c6866}
#dc-report-confirmation{position:fixed;bottom:10px;left:12px;right:12px;z-index:40;margin:0;padding:10px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--line);font-size:13px;pointer-events:none}
#dc-report-confirmation:empty{display:none}

#dc-report-dialog{background:#d2eaf2;color:#13384b;border-color:#497b91}
#dc-report-note{background:#e3f3f7;color:#13384b;border-color:#497b91}
html[data-theme=dark] #dc-report-dialog{background:#182f49;color:#f0edf7;border-color:#5c7390}
html[data-theme=dark] #dc-report-note{background:#101d31;color:#f0edf7;border-color:#5c7390}

/* Deep water: once the water is dark, the arena switches to the light-on-dark palette that dark mode uses. */
.dc-arena[data-tone=deep]{--dc-water-ink:#688eae;--ink:#f0edf7;--muted:#c0cddd;--accent:#d7adea;--line:#5c7390;--bg:#101d31;--panel:#18283f;--wrong:#ff9aab}
/* Official anime setting art (Dio's coffin, Kars in his space form), cut out and drawn as pale outlines far below the surface. */
.dc-sunken-line{position:absolute;pointer-events:none;opacity:.38;filter:invert(1)}
.dc-sunken-coffin{position:absolute;pointer-events:none;opacity:.45;right:20%;width:200px;transform:rotate(-9deg)}.dc-sunken-coffin img{display:block;width:100%;height:auto;filter:invert(1)}.dc-sunken-coffin span{position:absolute;left:54%;top:49%;transform:rotate(-13deg);font:600 26px/1 'Barlow Condensed',sans-serif;letter-spacing:6px;color:transparent;-webkit-text-stroke:1px #fff}
.dc-sunken-kars{left:20%;width:150px;height:auto;transform:rotate(14deg)}
@media(max-width:700px){.dc-sunken-coffin{right:6%;width:130px}.dc-sunken-coffin span{font-size:17px;letter-spacing:4px}.dc-sunken-kars{left:8%;width:100px}}
/* Like the arrow: on wide windows the coffin and Kars drift beside the answer column instead of behind it. Narrower windows
   have no room beside it, so there they are as faint as the mask. The mask already clears the column on wide windows. */
@media(min-width:1134px){.dc-sunken-coffin{right:auto;left:calc(50% - 505px)}.dc-sunken-kars{left:calc(50% - 465px)}}
@media(max-width:1133px){.dc-sunken-coffin,.dc-sunken-kars{opacity:.22}}
.dc-sunken-art{position:absolute;pointer-events:none;opacity:.5;height:auto}
/* The arrow drifts in the gap between the answer column and the depth line, so it never rests behind the answer box or
   the Continue button. Narrower windows have no such gap: there it passes behind the controls like the mask does, so it is fainter. */
.dc-sunken-arrow{left:calc(50% + 320px);width:62px;transform:rotate(28deg)}
@media(max-width:1133px){.dc-sunken-arrow{left:64%;width:84px;opacity:.22}}
@media(max-width:640px){.dc-sunken-arrow{width:62px}}

/* Dive HUD: depth on the left, rounds in the middle, score on the right.
   Keyboard mode retains its compact Visual Viewport layout above. */
html:not(.dc-keyboard) .dc-hud{top:28px;width:min(850px,calc(100% - 320px));height:72px;align-items:flex-start}
html:not(.dc-keyboard) .dc-progress{padding-top:6px}
html:not(.dc-keyboard) .dc-score-box{top:0;right:0;width:112px;padding:10px 12px;background:var(--bg);border-bottom:2px solid var(--accent)}
html:not(.dc-keyboard) .dc-depth-readout{top:28px;left:max(160px,calc(50% - 425px));transform:none;width:180px;box-sizing:border-box;padding:10px 12px;text-align:left;background:var(--bg);border-bottom:2px solid var(--accent)}
html:not(.dc-keyboard) #dc-depth-value{font-size:42px;letter-spacing:-1px}
html:not(.dc-keyboard) .dc-depth-progress{width:100%;margin:6px 0 0}
html:not(.dc-keyboard) .dc-clock{top:88px;left:50%;transform:translateX(-50%)}
html:not(.dc-keyboard) .dc-prompt-heading{top:172px;width:min(680px,calc(100% - 200px))}
html:not(.dc-keyboard) .dc-prompt-heading>.dc-eyebrow{display:none}
html:not(.dc-keyboard) #dc-prompt{margin:0;font-size:clamp(30px,3.8vw,46px)}
html:not(.dc-keyboard) #dc-kind{max-width:58ch;margin:12px auto 0;line-height:1.6}
html:not(.dc-keyboard) #dc-answer-form{bottom:34px;width:min(580px,calc(100% - 240px))}
html:not(.dc-keyboard) #dc-result{top:240px;max-height:calc(100% - 335px);width:min(580px,calc(100% - 200px))}
html:not(.dc-keyboard) .dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:163px}
html:not(.dc-keyboard) .dc-arena:has(#dc-result:not([hidden])) #dc-prompt{font-size:24px}
html:not(.dc-keyboard) .dc-depth{right:max(24px,calc(50% - 540px));top:150px;bottom:90px}
html:not(.dc-keyboard) #dc-idle.intro{top:27%;width:min(540px,calc(100% - 220px))}
/* Narrow desktop windows: the centred HUD is too narrow here, so the depth box covered question 1 and the score floated
   mid-screen. The round track sits between the two boxes instead, and the score goes to the right edge. */
@media(min-width:701px) and (max-width:920px){
 html:not(.dc-keyboard) .dc-hud{left:352px;right:146px;width:auto;transform:none}
 html:not(.dc-keyboard) .dc-score-box{right:-124px}
}
@media(max-width:700px){
 html:not(.dc-keyboard) .dc-main .mode-toolbar{top:auto;bottom:10px;left:auto;right:14px}
 html:not(.dc-keyboard) .dc-main #mode-menu .nav-popover{bottom:auto}
 html:not(.dc-keyboard) .dc-hud{top:14px;width:calc(100% - 28px);height:80px}
 html:not(.dc-keyboard) .dc-progress{padding-top:0;position:absolute;top:105px}
 html:not(.dc-keyboard) .dc-score-box{width:94px;padding:8px 10px}
 html:not(.dc-keyboard) .dc-depth-readout{top:14px;left:14px;width:148px;padding:8px 10px}
 html:not(.dc-keyboard) #dc-depth-value{font-size:32px}
 html:not(.dc-keyboard) .dc-clock{top:47px;width:64px;left:calc(50% + 27px)}
 html:not(.dc-keyboard) .dc-clock>span{display:none}
 html:not(.dc-keyboard) .dc-prompt-heading{top:182px;left:calc(50% - 12px);width:calc(100% - 76px)}
 html:not(.dc-keyboard) #dc-prompt{font-size:30px}
 html:not(.dc-keyboard) #dc-answer-form{bottom:66px;width:calc(100% - 28px)}
 html:not(.dc-keyboard) #dc-result{top:246px;max-height:calc(100% - 335px);width:calc(100% - 76px)}
 html:not(.dc-keyboard) .dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:175px}
 html:not(.dc-keyboard) .dc-arena:has(#dc-result:not([hidden])) #dc-prompt{font-size:21px}
 html:not(.dc-keyboard) .dc-depth{right:7px;top:180px;bottom:210px}
 html:not(.dc-keyboard) #dc-idle.intro{top:26%;width:calc(100% - 76px)}
}
@media(max-width:370px){
 html:not(.dc-keyboard) .dc-depth-readout{width:120px}
 html:not(.dc-keyboard) #dc-depth-value{font-size:24px}
 html:not(.dc-keyboard) .dc-clock{left:calc(50% + 13px)}
}
@media(max-width:700px) and (max-height:700px){html:not(.dc-keyboard) .dc-progress{top:92px}}
@media(max-height:700px){
 html:not(.dc-keyboard) .dc-prompt-heading{top:151px}
 html:not(.dc-keyboard) #dc-prompt{font-size:27px}
 html:not(.dc-keyboard) #dc-result{top:205px;max-height:calc(100% - 285px)}
 html:not(.dc-keyboard) .dc-arena:has(#dc-result:not([hidden])) .dc-prompt-heading{top:153px}
 html:not(.dc-keyboard) #dc-art{width:62px;height:68px}
 html:not(.dc-keyboard) #dc-idle.intro{top:27%}
}

/* Make the distance earned and final depth easy to read. */
.dc-descent-rush{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.dc-descent-rush i{position:absolute;top:0;display:block;opacity:0;will-change:transform,opacity}
.dc-descent-streak{background:var(--dc-water-ink)}
#dc-best-target{display:block;margin:6px 0 0;font-size:10px;line-height:1.4;color:var(--accent)}
.dc-depth-line>.dc-best-mark{left:-28px;width:36px;padding:3px 2px;background:var(--accent);color:var(--bg);font-size:9px;font-weight:700;border-top:1px dashed var(--ink)}
#dc-friend-invite{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
#dc-friend-invite p,#dc-reward-result,#dc-friend-result{font-size:13px;line-height:1.6}
#dc-friend-link{box-sizing:border-box;width:100%;font-size:13px;padding:10px}
#dc-friend-share-status{font-size:12px;overflow-wrap:anywhere}
@media(max-width:700px){#dc-best-target{font-size:8px;line-height:1.2}.dc-depth-readout #dc-depth-zone{display:none}}
.dc-descent-bubble{background:url('/backgrounds/soft-wet-manga.jpg') 47.6% 70.1% / 921% 1075% no-repeat;clip-path:circle(48% at 50% 50%)}
.dc-descent-bubble:nth-child(odd){scale:-1 1;rotate:25deg}
.dc-descent-bubble:nth-child(even){rotate:-30deg}
@media(prefers-reduced-motion:reduce){.dc-descent-rush{display:none}}
#dc-feedback{font-weight:700;font-size:20px}#dc-final-depth{font:700 clamp(36px,6vw,58px)/1.1 "Barlow Condensed",sans-serif;margin:16px 0 6px;color:var(--accent)}
#dc-finish #dc-total{font-size:20px;margin:8px 0 20px}
@media(max-width:700px){#dc-feedback{font-size:18px}}
@media(min-width:701px) and (max-height:850px){
 html:not(.dc-keyboard) #dc-result{top:210px;max-height:calc(100% - 295px)}
 .dc-answer-token{flex-direction:row;justify-content:center;gap:16px;margin-bottom:12px}
 #dc-art{width:76px;height:82px}#dc-answer-name{font-size:32px}#dc-points{font-size:36px}
 #dc-rarity-meter{margin:8px auto}#dc-basis{margin:6px auto}
}

/* Keep completion and the next game above the optional answer review. */
#dc-finish{border-top:4px solid var(--accent)}
#dc-complete-note{font-size:14px;line-height:1.6;color:var(--ink);margin:12px 0}
#dc-finish #dc-again{display:block;width:100%;margin:14px 0 20px;padding:14px}
#dc-answer-review{margin:20px 0;border-top:1px solid var(--line);padding-top:14px}
#dc-answer-review summary{font-weight:700;cursor:pointer}