:root{--paper:#181c28;--ink:#f4ead1;--green:#ad9bff;--muted:#b2aea8;--line:#d4af3738;--white:#202535}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}
header{max-width:1176px;margin:auto;padding:21px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:650;letter-spacing:-.5px}.header-right{display:flex;gap:25px}main{max-width:1176px;margin:auto;padding:0 40px}.intro{padding:30px 0 26px}h1{font-size:27px;font-weight:600;line-height:1.3;margin:0 0 8px;letter-spacing:-.5px}.intro p{margin:0;color:var(--muted);font-size:14px}.intro .corpus-info{font-size:12px;margin-top:8px;color:#b2aea8}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:25px}.game-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:4px 0}.text-button:hover{color:var(--green);text-decoration:underline}.guess-panel{background:#232838;padding:18px 20px 12px;border-radius:6px;margin-bottom:17px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.input-row{display:flex;gap:9px}input,select{min-width:0;background:var(--white);border:1px solid #45415e;border-radius:4px;padding:11px 12px;color:var(--ink);outline:none}input{flex:1}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #6b4dff35}.input-row button,.action-button{border:0;border-radius:4px;background:#6b4dff;color:#fff;padding:10px 18px;font-size:13px}#feedback{font-size:12px;color:var(--muted);min-height:18px;margin-top:9px}
.article-card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:23px 25px 17px}.article-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}h2{font:400 30px/1.7 Georgia,serif;margin:16px 0;min-height:40px}.article-divider{height:1px;background:#d4af3738;margin-bottom:18px}#article-text{font:16px/2 Georgia,serif;color:#f4ead1}#article-text p{margin:0 0 18px}.word{display:inline-block;vertical-align:baseline;white-space:nowrap}.word.mask{border:0;border-radius:2px;background:#10141e;color:transparent;padding:0 3px;margin:0 1px;min-width:13px;height:1.04em;line-height:1.04;font:0.84em/1.04 monospace;position:relative;overflow:hidden}.word.mask.length{color:#d4af37;overflow:visible}.word.mask.near{height:auto;padding:2px 5px;background:#29292c;font-family:'Segoe UI',Arial,sans-serif;font-size:.82em;font-weight:600}.word.revealed{color:#f4ead1;background:transparent;border-radius:2px;padding:0 1px;line-height:1.25}.word.latest{background:transparent}.article-bottom{border-top:1px solid #d4af3738;padding-top:15px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.article-bottom>span{color:#b2aea8;font-size:11px}.legend{display:flex;justify-content:center;gap:22px;font-size:11px;color:var(--muted);margin:15px 0}.legend>span{display:flex;align-items:center;gap:6px}.sample{display:inline-block;width:12px;height:9px;border-radius:2px}.sample.exact{background:#7ec84b}.sample.near{background:#ffa62b}.sample.hidden{background:#10141e}
aside{padding-top:39px}.progress-card{background:#232838;border:1px solid var(--line);border-radius:6px;padding:20px}.aside-heading{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.progress-number{display:flex;align-items:baseline;gap:7px;margin-top:15px}.progress-number strong{font-size:32px;font-weight:500}.progress-number>span{font-size:12px;color:var(--muted)}.progress-track{height:4px;background:#343144;border-radius:3px;margin-top:10px;overflow:hidden}#progress-bar{height:100%;background:#6b4dff;transition:width .2s}.stats{display:flex;margin-top:18px;padding-top:15px;border-top:1px solid #d4af3738}.stats>div{display:flex;flex-direction:column;gap:2px;width:50%}.stats>div+div{padding-left:18px;border-left:1px solid #d4af3738}.stats strong{font-size:22px;font-weight:500}.stats span{font-size:11px;color:var(--muted)}.history-card{border:1px solid var(--line);border-radius:6px;margin-top:17px;background:#121622;padding:20px}.history-card .aside-heading>span{font-size:11px;font-weight:400;color:var(--muted)}.history-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:16px 0 9px;border-bottom:1px solid var(--line)}#history{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto}#history li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:10px 0;border-bottom:1px solid #d4af3738}#history li>span:last-child{font-size:11px;color:#2dd4c8}.miss{color:#b2aea8!important}.proximity{color:#ffa62b!important}#empty-history{text-align:center;font-size:12px;line-height:1.7;color:var(--muted);padding:14px 0 6px}
footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:28px;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;max-width:570px;width:calc(100% - 32px);padding:28px;background:var(--white);color:var(--ink);box-shadow:0 15px 70px #243c3425}dialog::backdrop{background:#10141eb8}.icon-button{background:transparent;border:0;width:30px;height:30px;color:var(--ink);font-size:24px}dialog .icon-button{position:absolute;right:10px;top:10px}dialog h2{font:600 22px/1.4 'Segoe UI',Arial,sans-serif;margin:0 0 18px;min-height:0}dialog p,dialog li{font-size:13px;line-height:1.75}dialog ul{padding-left:20px}dialog li{margin-bottom:7px}dialog a{color:var(--green)}#ending{background:#6b4dff25;padding:16px;border-radius:4px;margin-top:18px;font-size:13px;line-height:1.8}#ending strong{display:block;font-size:18px;font-weight:600}#minimum{min-width:170px}
@media(max-width:800px){header{padding:18px 22px}main{padding:0 22px}.intro{padding:25px 0 22px}.game-layout{grid-template-columns:1fr;gap:12px}aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.history-card{margin-top:0}.progress-card,.history-card{padding:18px}.article-card{padding:21px}}
@media(max-width:470px){h1{font-size:24px}.header-right{gap:20px}.guess-panel{padding:15px 13px 11px}.input-row button{padding:0 13px}.article-card{padding:20px 16px}#article-text{font-size:15px}.article-bottom{align-items:flex-start}.article-bottom>span{max-width:170px;line-height:1.7}aside{grid-template-columns:1fr}.legend{gap:17px}footer{margin-top:20px}.corpus-info{max-width:300px}}

:root{color-scheme:dark;scrollbar-color:#9778ff #202535}
header{border-color:#d4af3747}.brand{color:#f4ead1}.intro{padding:23px 0 20px}h1{font-size:24px}.article-card{padding-top:12px}h2{margin-top:7px}.word.mask{box-shadow:inset 0 0 0 1px #34394b}.word.revealed{box-shadow:none}.input-row input{background:#10141e}.input-row button:hover{background:#7e65ff}aside{padding-top:45px}.game-actions{display:flex;align-items:center;gap:18px}.hint-button{padding:6px 11px;border:1px solid #9778ff80;border-radius:4px;background:transparent;color:#d6caff;font-size:12px}.hint-button span{color:#a99ec5;margin-left:6px;font-variant-numeric:tabular-nums}.hint-button[aria-pressed=true]{background:#6b4dff40;border-color:#ad9bff}.hint-mode .word.mask{cursor:crosshair;outline:1px solid #9778ff60}.hint-mode .word.mask:hover{outline:2px solid #d4af37}.hint-mode .word.mask.hint-blocked{cursor:not-allowed;opacity:.4;outline:none}.hint-mode .word.mask.hint-blocked:hover{outline:1px solid #f15363}.result-dots{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;gap:3px;max-width:158px}.dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f15363}.dot.green{background:#7ec84b}.dot.orange{background:#ffa62b}.dot.red{background:#f15363}#history li>span:first-child{min-width:50px;overflow-wrap:anywhere}#feedback{margin-top:8px}#feedback .result-dots{justify-content:flex-start;max-width:none;gap:4px}.progress-dots{margin-top:14px}.progress-dots .result-dots{display:flex;flex-wrap:nowrap;max-width:none;justify-content:space-between;gap:3px}.legend .sample{width:7px;height:7px;border-radius:50%}.legend .sample.hidden{background:#f15363}.legend{color:#b2aea8}.stats{margin-top:18px}#ending{border:1px solid #9778ff60}button:focus-visible,a:focus-visible{outline-color:#ad9bff}
@media(max-width:800px){aside{padding-top:0}.intro{padding-top:23px}}@media(max-width:470px){h1{font-size:22px}.game-actions{gap:12px}.game-toolbar{font-size:11px}.hint-button{padding:6px 8px}}

.brand-product{color:#b7a8f5;font-weight:500}.brand{letter-spacing:-.6px;white-space:nowrap}.header-right{gap:22px}@media(max-width:470px){.brand{font-size:19px}.header-right{gap:15px}header{gap:16px}}

#history{scrollbar-gutter:stable;padding-right:12px}#history li>.result-dots{min-width:0;flex-shrink:1}

.brand{display:inline-flex;align-items:center}.brand-icon{width:30px;height:30px;object-fit:contain;margin-right:10px;flex-shrink:0}@media(max-width:470px){.brand-icon{width:25px;height:25px;margin-right:7px}}

.word.mask.near{display:inline-flex;flex-direction:column;align-items:center;padding:3px 5px;max-width:none}
.word.mask.near::before{content:attr(data-mask);height:0;visibility:hidden;flex-shrink:0;font:1.0244em/1.04 monospace}
.word.mask.numeric-mask{overflow:visible;border-bottom:1px dashed #ad9bff}
.word.mask.numeric-mask::after{content:'#';position:absolute;right:-2px;top:-7px;font:600 9px/1 'Segoe UI',sans-serif;color:#b7a8f5;background:#202535;padding:0 1px;pointer-events:none}