.dle-page{--nav:72px;height:100dvh}.dle-page .catalog-nav{padding:14px 32px}.dle-page .catalog-main{min-height:0;margin:0 auto;padding:4px 32px 22px;display:flex}.dle{flex:1;grid-template-columns:auto minmax(0,1fr);gap:32px;min-height:0;display:grid}.dle-picture{flex-direction:column;gap:8px;margin:0;display:flex}.dle-frame{height:max(420px, min(calc(100dvh - var(--nav) - 62px), calc(44vw * 376 / 284)));aspect-ratio:284/376;border:1px solid var(--cat-line);background:#0d0c11;border-radius:16px;position:relative;overflow:hidden;container-type:size}.dle-frame pre{color:var(--cat-accent);font:400 calc((100cqw - 24px) / var(--columns) / .62)/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;white-space:pre;margin:0;padding:12px;position:absolute;inset:0;overflow:hidden}.dle-frame img{object-fit:cover;opacity:0;width:100%;height:100%;animation:1.2s .3s forwards dle-reveal;position:absolute;inset:0}@keyframes dle-reveal{to{opacity:1}}.dle-picture figcaption{max-width:100%;color:var(--cat-muted);text-align:center;font-size:13px}.dle-side{flex-direction:column;gap:14px;min-height:0;padding-right:2px;display:flex;overflow:auto}.dle-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.dle-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,3.4vw,42px);line-height:1}.dle-head h1 span{color:var(--cat-muted);font-weight:400}.dle-head-actions{gap:8px;display:flex}.dle-head-actions .catalog-button{min-height:38px;padding:8px 14px;font-size:14px}.dle-play{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.dle-note{color:var(--cat-muted);margin:-6px 0 0;font-size:13px}.dle-search{align-items:center;display:flex;position:relative}.dle-search>svg{color:var(--cat-muted);pointer-events:none;position:absolute;left:14px}.dle-page .dle-search input{border:1px solid var(--cat-line);background:var(--cat-field);width:100%;min-height:48px;color:var(--cat-ink);font:inherit;border-radius:12px;padding:12px 16px 12px 42px;font-size:16px}.dle-page .dle-search input:focus{outline:2px solid var(--cat-accent);outline-offset:1px}.dle-search ul{z-index:5;border:1px solid var(--cat-line);background:var(--cat-panel);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;inset:calc(100% + 6px) 0 auto;box-shadow:0 18px 40px #0009}.dle-search li{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:7px 10px;display:flex}.dle-search li[aria-selected=true]{background:#c4b5ed22}.dle-search li img{border-radius:4px}.dle-tries{gap:6px;margin:0;padding:0;list-style:none;display:flex}.dle-tries li{background:#ffffff24;border-radius:3px;width:22px;height:6px}.dle-tries li.is-used{background:#e0707a}.dle-hints{border-collapse:separate;border-spacing:0 4px;table-layout:fixed;width:100%;font-size:13px}.dle-hints thead th{color:var(--cat-muted);text-align:center;padding:0 8px 2px;font-size:12px;font-weight:500}.dle-hints thead th:first-child{text-align:left;width:32%}.dle-hints tbody th,.dle-hints td{background:var(--cat-panel);text-align:center;vertical-align:middle;height:38px;padding:6px 8px}.dle-hints tbody th{text-align:left;border-radius:9px 0 0 9px;font-weight:500}.dle-hero{align-items:center;gap:10px;min-width:0;display:flex}.dle-hero span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dle-hero img{border-radius:4px;flex:none}.dle-hints td:last-child{border-radius:0 9px 9px 0}.dle-hints td img{margin:auto;display:block}.dle-hints .is-same,.dle-guide-read .is-same{background:#2f6b45}.dle-hints .is-near,.dle-guide-read .is-near{background:#7a6528}.dle-hints .is-other,.dle-guide-read .is-other{background:#6b2f37}.dle-hints tr.is-correct th{background:#2f6b45}.dle-hints tr.is-empty th,.dle-hints tr.is-empty td{background:#ffffff07}.dle-arrow{margin-left:5px}.dle-gate,.dle-coach,.dle-result{border:1px solid var(--cat-line);background:var(--cat-panel);border-radius:14px;gap:12px;padding:18px 20px;display:grid}.dle-gate h2,.dle-coach h2,.dle-result h2{margin:0;font-size:20px;line-height:1.25}.dle-gate p,.dle-coach p{color:var(--cat-muted);margin:0}.dle-coach ul{gap:4px;margin:0;padding-left:20px;display:grid}.dle-actions{flex-wrap:wrap;gap:10px;display:flex}.dle-share{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.dle-share>span{white-space:pre;letter-spacing:1px;font-size:15px;line-height:1.15}.dle-result .catalog-muted{margin:0;font-size:13px}.dle-reminder{color:var(--cat-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.dle-reminder svg{color:var(--cat-accent)}.dle-reminder .catalog-link{color:var(--cat-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.dle-side>.dle-reminder{margin-top:-8px}.dle-friend{background:#c4b5ed12;border:1px solid #c4b5ed40;border-radius:12px;align-items:center;gap:14px;margin:0;padding:10px 14px;font-size:14px;display:flex}.dle-friend>span{white-space:pre;letter-spacing:1px;font-size:11px;line-height:1.1}.dle-spoiler{color:var(--cat-ink);background:#c4b5ed1a;border-radius:10px;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:13px;line-height:1.4;display:flex}.dle-spoiler span{font-size:18px}.dle-result .catalog-muted a{color:var(--cat-accent)}.dle-stats{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.dle-stats dl{gap:22px;margin:0;display:flex}.dle-stats dl div{text-align:center;display:grid}.dle-stats dd{margin:0;font-size:22px;font-weight:600;line-height:1.1}.dle-stats dt{color:var(--cat-muted);font-size:12px}.dle-dist{align-items:flex-end;gap:5px;height:44px;margin:0;padding:0;list-style:none;display:flex}.dle-dist li{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:18px;height:100%;display:flex}.dle-dist i{background:var(--cat-accent);opacity:.85;border-radius:3px;width:100%}.dle-dist span{color:var(--cat-muted);font-size:10px}.dle-guide{gap:12px;padding:18px 24px 22px;display:grid}.dle-guide p,.dle-guide ol{margin:0}.dle-guide ol{gap:6px;padding-left:20px;display:grid}.dle-guide-title{font-weight:500}.dle-guide-read{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.dle-guide-read li{align-items:center;gap:10px;display:flex}.dle-guide-read span{border-radius:4px;flex:none;width:14px;height:14px}.dle-hints.is-sample tbody th{width:32%}@media (width<=760px){.dle-page{height:auto}.dle-page .catalog-nav{padding:16px 20px}.dle-page .catalog-main{padding:0 16px 32px;display:block}.dle{grid-template-columns:1fr;gap:18px}.dle-picture{align-items:center}.dle-frame{height:min(56dvh,132.394vw - 42.3662px)}.dle-side{overflow:visible}.dle-head h1{font-size:30px}.dle-play{grid-template-columns:1fr;gap:10px}.dle-hints{font-size:12px}.dle-hints thead th{padding:0 3px 2px;font-size:10px}.dle-hints thead th:first-child{width:30%}.dle-hints tbody th,.dle-hints td{padding:5px 3px}.dle-hero img{display:none}.dle-stats,.dle-stats dl{gap:14px}}