@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@400;600;800&family=Oswald:wght@600;700&display=swap');
:root{--paper:#f4f0e5;--paper2:#e6dfd0;--ink:#171916;--muted:#6c6a61;--yellow:#ffd91c;--blue:#55a9d5;--red:#e85040;--green:#61b978}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d9d3c5;color:var(--ink);font-family:"Chivo Mono",monospace}body{display:grid;place-items:center;background:linear-gradient(135deg,#ebe6dc,#cbc4b5)}button{font:800 10px "Chivo Mono";letter-spacing:.08em;padding:13px 15px;background:var(--paper);border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;transition:.08s}button:hover{background:var(--yellow);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}button.primary{background:var(--yellow)}.hidden{display:none!important}
.shell{width:min(1240px,100vw);padding:13px}.topbar,footer{height:39px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.14em}.topbar span{color:var(--muted)}.topbar i{font-style:normal}.frame{position:relative;min-height:790px;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 rgba(23,25,22,.18);overflow:hidden}footer{justify-content:center;color:#57564f}footer b{color:var(--ink);margin:0 4px}
.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8% 10%;background:linear-gradient(90deg,rgba(244,240,229,.99),rgba(244,240,229,.95) 62%,rgba(244,240,229,.55))}.panel:after{content:"";position:absolute;right:7%;top:14%;width:220px;height:220px;border:2px solid var(--ink);opacity:.08;transform:rotate(12deg);background:repeating-linear-gradient(0deg,transparent 0 18px,var(--ink) 19px 20px)}.kicker,small{display:block;margin:0 0 8px;color:#287ca8;font-size:9px;font-weight:800;letter-spacing:.18em}h1,h2{margin:0;font-family:Oswald,sans-serif;line-height:.88;text-transform:uppercase}h1{font-size:clamp(68px,10vw,112px)}h1 em{font-style:normal;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}h2{font-size:clamp(38px,5vw,62px)}.intro>p:not(.kicker){color:#55564f;font-size:11px;line-height:1.8;max-width:480px;margin:24px 0}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:9px;width:min(430px,100%)}.stamp{position:absolute;right:10%;bottom:12%;border:4px double var(--red);color:var(--red);padding:9px 13px;font:700 20px Oswald;letter-spacing:.08em;transform:rotate(-8deg);opacity:.78}.manual{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(620px,100%);margin:26px 0 18px}.manual>div{border:2px solid var(--ink);background:var(--paper2);padding:14px}.manual b{display:block;margin:12px 0 4px;font-size:11px}.manual p{font-size:9px;line-height:1.55;color:#5e5d56;margin:0}.keycap{display:inline-grid;place-items:center;min-width:32px;height:30px;padding:0 7px;border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-weight:800}
.game{min-height:784px}.hud{height:82px;display:grid;grid-template-columns:1.2fr .6fr .6fr auto;gap:30px;align-items:center;padding:12px 28px;border-bottom:2px solid var(--ink);background:var(--paper2)}.hud small{margin-bottom:5px;font-size:10px}.hud b{font-size:14px}.hud #status{color:var(--red)}.hud button{padding:12px 16px;font-size:11px}.workspace{padding:34px 40px 30px}.message-head{display:flex;justify-content:space-between;align-items:flex-end}.message-head h2{font-size:42px}.message-head>span{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.14em}.decode-grid{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:28px;align-items:stretch}.cipher-text{margin:32px 0 17px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:24px 17px;min-height:300px}.word{display:flex;gap:5px}.letter{width:34px;height:61px;position:relative;border:0;background:none;box-shadow:none;padding:0;font-family:"Chivo Mono";text-align:center}.letter:hover,.letter.selected{transform:none;box-shadow:none;background:none}.letter .guess{display:grid;place-items:center;height:38px;border-bottom:3px solid var(--ink);font-size:23px;font-weight:800}.letter .code{display:block;padding-top:7px;font-size:12px;color:#287ca8;font-weight:800}.letter.selected .guess{background:var(--yellow);outline:2px solid var(--ink)}.letter.locked .guess{background:var(--blue)}.punct{display:flex;align-items:flex-end;height:41px;font:800 22px "Chivo Mono"}.instruction{margin:0 0 26px;font-size:11px;color:var(--muted);letter-spacing:.1em;min-height:16px}.instruction.error{color:var(--red)}.analysis-panel{margin-top:32px;border:2px solid var(--ink);background:var(--paper2);padding:15px;display:block}.analysis-panel .section-title{padding-bottom:11px;border-bottom:2px solid var(--ink);margin-bottom:14px}.analysis-panel section{margin:0 0 17px}.analysis-panel small{font-size:8px;margin-bottom:7px}.frequency{display:flex;gap:6px}.freq{flex:1;min-width:0;border:1px solid var(--ink);background:var(--paper);text-align:center;padding:7px 2px 5px;font-size:8px}.freq b{display:block;font:700 19px Oswald;color:var(--ink)}.freq i{display:block;height:4px;background:var(--blue);margin-top:5px}.stat-copy{font-size:10px;line-height:1.65;color:#4e4e48;word-spacing:3px}.stat-copy b{color:var(--ink);font-size:12px}.stat-copy .none{color:#8a877f}.lower{display:grid;grid-template-columns:1fr 205px;gap:22px;border-top:2px solid var(--ink);padding-top:22px}.alphabet-panel{background:var(--paper2);border:2px solid var(--ink);padding:15px}.section-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin-bottom:12px}.section-title span{color:var(--muted)}.alphabet{display:grid;grid-template-columns:repeat(13,1fr);gap:5px}.map{height:49px;border:1px solid #aaa297;background:var(--paper);display:grid;place-items:center;font-size:10px;color:#287ca8;cursor:pointer}.map b{display:block;color:var(--ink);font-size:16px;line-height:13px}.map.active{background:var(--yellow);border:2px solid var(--ink)}.map.locked{background:var(--blue)}.game-actions{display:flex;flex-direction:column;gap:10px}.game-actions button{height:57px;font-size:10px}.game-actions button span{display:block;font-size:8px;color:#635600;margin-top:4px}
.result{padding-right:35%}.result h2{font-size:70px}.result-rule{width:90px;border-top:8px solid var(--yellow);margin:25px 0}.result>p:not(.kicker){font-size:12px;line-height:1.8;color:#55564f;max-width:540px}.scoreline{display:flex;gap:35px;margin:20px 0;font-size:9px;letter-spacing:.1em}.scoreline b{display:block;font:700 24px Oswald;margin-top:5px}.result button{min-width:210px}
@media(max-width:900px){.decode-grid{grid-template-columns:1fr}.analysis-panel{margin-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}.analysis-panel .section-title{grid-column:1/-1}.analysis-panel section{margin:0}.cipher-text{min-height:250px}}
@media(max-width:700px){.shell{padding:0}.topbar,footer{display:none}.frame{min-height:100vh;border:0;box-shadow:none}.panel{padding:9% 7%}.stamp{display:none}.hud{grid-template-columns:1fr 1fr 1fr;padding:8px 12px;gap:8px}.hud button{display:none}.workspace{padding:24px 16px}.message-head h2{font-size:32px}.cipher-text{gap:19px 11px;min-height:300px}.letter{width:29px}.letter .guess{font-size:20px}.analysis-panel{grid-template-columns:1fr 1fr}.lower{grid-template-columns:1fr}.alphabet{grid-template-columns:repeat(7,1fr)}.game-actions{display:grid;grid-template-columns:1fr 1fr}.result{padding-right:8%}.result h2{font-size:55px}}

/* Large-type desk layout */
.desk-summary{margin:0 0 18px!important;color:var(--ink)!important;font-size:12px!important;letter-spacing:.08em}.desk-summary b{font:700 21px Oswald}.actions{grid-template-columns:1.4fr 1fr 1fr;width:min(650px,100%)}.actions .primary{grid-column:auto}.hud{grid-template-columns:1.2fr .55fr .55fr auto}.hud-actions{display:flex;gap:8px}.hud-actions button{white-space:nowrap}.cipher-text{width:100%;min-height:315px;margin-top:34px;gap:27px 18px}.word{gap:6px}.letter{width:38px;height:69px}.letter .guess{height:41px;font-size:26px}.letter .code{font-size:17px;padding-top:8px;color:#176c99}.punct{height:44px;font-size:25px}.instruction{font-size:13px;margin-top:4px}.letter.free .guess,.map.free{background:var(--green)}
.lower{margin-top:3px}.alphabet-panel{padding:17px}.section-title{font-size:11px}.map{height:59px;font-size:16px;grid-template-columns:1fr;align-content:center;gap:3px}.map span{font-weight:800;color:#176c99}.map b{font-size:21px;line-height:18px}
.analysis-panel{margin:20px 0 0;width:100%;padding:16px 18px;border:2px solid var(--ink);background:var(--paper2);display:grid;grid-template-columns:1.25fr 1fr 1.35fr 1.35fr;gap:0 25px}.analysis-panel .section-title{grid-column:1/-1;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:13px}.analysis-panel section{margin:0;min-width:0;border-right:1px solid #aaa297;padding-right:18px}.analysis-panel section:last-child{border:0;padding-right:0}.analysis-panel small{font-size:10px}.stat-copy{font-size:12px;line-height:1.7}.stat-copy b{font-size:14px}.frequency{gap:7px}.freq{font-size:10px;padding:7px 3px}.freq b{font-size:21px}
.result-source{margin:-10px 0 15px!important;color:#287ca8!important;font-size:10px!important;font-weight:800;letter-spacing:.1em}
.files{inset:0;padding:4% 5%;justify-content:flex-start;background:var(--paper)}.files:after{display:none}.files-head{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.files-head h2{font-size:52px}.file-stats{display:grid;grid-template-columns:repeat(4,1fr);width:100%;border:2px solid var(--ink);background:var(--paper2);margin:18px 0 22px}.file-stats span{padding:13px 16px;border-right:1px solid var(--ink);font-size:10px;color:var(--muted);letter-spacing:.1em}.file-stats span:last-child{border:0}.file-stats b{display:block;margin-top:4px;font:700 25px Oswald;color:var(--ink)}.file-table-head,.history-row{display:grid;grid-template-columns:minmax(0,1fr) 85px 65px 100px;gap:15px;align-items:center}.file-table-head{width:100%;padding:0 14px 8px;font-size:9px;font-weight:800;color:#287ca8;letter-spacing:.12em}.history-list{width:100%;overflow:auto;border:2px solid var(--ink);max-height:470px}.history-row{padding:13px 14px;border-bottom:1px solid #aaa297;font-size:12px}.history-row:last-child{border:0}.history-row:nth-child(even){background:var(--paper2)}.history-row>span:first-child{min-width:0}.history-row>span:first-child>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.history-row small{margin:4px 0 0;font-size:8px}.empty-files{padding:30px;font-size:11px;color:var(--muted)}
@media(max-width:900px){.actions{grid-template-columns:1fr 1fr}.decode-grid{display:block}.analysis-panel{grid-template-columns:1fr 1fr}.analysis-panel .section-title{grid-column:1/-1}.analysis-panel section{border:0;padding:0;margin-bottom:12px}.cipher-text{min-height:280px}.hud-actions #gameFilesBtn{display:none}}
@media(max-width:700px){.actions{grid-template-columns:1fr}.letter{width:32px}.letter .code{font-size:15px}.alphabet{grid-template-columns:repeat(7,1fr)}.map{font-size:15px}.analysis-panel{grid-template-columns:1fr}.analysis-panel .section-title{grid-column:auto}.file-stats{grid-template-columns:1fr 1fr}.file-stats span:nth-child(2){border-right:0}.file-stats span:nth-child(-n+2){border-bottom:1px solid var(--ink)}.file-table-head,.history-row{grid-template-columns:minmax(0,1fr) 55px 42px}.file-table-head span:last-child,.history-row>span:last-child{display:none}.files{padding:7% 4%}}