:root{--cream:#f4efdf;--paper:#fffcf2;--ink:#173e39;--muted:#72766b;--orange:#d75b39;--line:#d3d3bf;--dark:#153b36;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#fff9e7 0,transparent 45%),var(--cream)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header,main,footer{width:min(1280px,calc(100% - 80px));margin:auto}header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;font-weight:800}.brand img{width:43px;height:43px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px}nav{display:flex;align-items:center;gap:24px}nav>span{font-size:12px;color:var(--muted)}.quiet{background:none;padding:12px 4px;color:inherit;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.7vw,65px);line-height:1.2;letter-spacing:-2px;margin:22px 0}h1 em{color:var(--orange);font-style:normal}h2{font-size:29px;letter-spacing:-1px;line-height:1.35;margin:16px 0 20px}h3{font-size:18px}p{font-size:14px;line-height:1.9;color:var(--muted)}.entry{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding:65px 0 60px;align-items:center}.hero{position:relative}.hero>p{font-size:16px}.entry-panel{padding:37px;background:var(--paper);border:1px solid var(--line);box-shadow:8px 8px 0 #e2dfcf;border-radius:3px}.entry-panel h2{font-size:34px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:28px 0}.tabs button{flex:1;padding:13px 5px;background:none;color:var(--muted);font-weight:700}.tabs button[aria-pressed=true]{color:var(--ink);border-bottom:3px solid var(--orange)}label{display:block;font-size:12px;font-weight:700;margin:18px 0 9px}input,select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:3px;background:#fffdf6;color:var(--ink);outline:none;min-width:0}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 2px #d75b3920}.primary,.secondary{padding:15px 20px;border-radius:3px;font-size:13px;font-weight:750;transition:transform .15s,background .15s}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#28564d}.secondary{background:transparent;border:1px solid currentColor;color:inherit}.wide{display:block;width:100%;margin-top:18px}.edition{display:flex;gap:14px;padding:23px 0;align-items:center}.edition>span{font-size:35px;color:var(--orange)}.edition b{font-size:13px}.edition small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.hint{font-size:11px;margin:18px 0 0;line-height:1.8}.serial{font-size:9px;letter-spacing:1.7px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;color:var(--muted)}.hero-art{height:285px;position:relative;margin:36px 0 28px;perspective:1000px}.device{background:var(--ink);padding:23px 28px 20px;border-radius:13px;box-shadow:0 13px 0 #0c2824,0 25px 30px #12362c30;max-width:450px;transform:rotate(-5deg);position:relative;border:2px solid #46645a}.device:before,.device:after{content:'+';position:absolute;color:#a1ac92;bottom:8px;font-size:12px}.device:before{left:9px}.device:after{right:9px}.device-top{display:flex;gap:8px;align-items:center;margin-bottom:17px}.device-top span{font-family:monospace;letter-spacing:2px;font-size:10px;color:#b7c0a9;flex:1}.device-top i{height:7px;width:7px;background:#f29151;border-radius:50%;box-shadow:0 0 8px #f4aa6c60}.device-top i:last-child{background:#607466;box-shadow:none}.windows{display:flex;gap:12px;background:#0c2825;border-radius:5px;padding:10px}.windows>span{flex:1;text-align:center;background:linear-gradient(#f4e4b9,#fff4d7 49%,#dfd0a4 50%,#edddbb);font-family:Georgia,serif;font-size:74px;line-height:1.2;color:#cb5335;border-radius:3px;box-shadow:inset 0 2px 8px #654c2440;text-shadow:1px 2px #85492430}.device-bottom{display:flex;align-items:center;gap:15px;margin-top:18px}.grille{flex:1;display:flex;flex-direction:column;gap:4px}.grille i{width:75%;height:2px;background:#082822;border-radius:3px;box-shadow:0 1px #476256}.knob{width:38px;height:38px;border:5px solid #d7ceb0;border-radius:50%;background:#ece3c7;box-shadow:3px 4px #092622;position:relative}.knob:after{content:'';position:absolute;width:3px;height:10px;top:-1px;left:12px;background:#6a7967;transform:rotate(15deg)}.knob.small{width:28px;height:28px}.knob.small:after{left:7px;height:7px}.tape{background:#fffcf0;box-shadow:2px 4px 9px #173e3920;padding:14px 24px;font-family:monospace;font-size:13px;position:absolute;right:0;bottom:0;transform:rotate(5deg);border-block:1px dashed #aaa78f}.stamp{position:absolute;right:0;top:0;border:2px solid var(--orange);border-radius:50%;height:68px;width:68px;display:grid;place-content:center;transform:rotate(16deg);font-size:12px;letter-spacing:2px;text-align:center;color:var(--orange);opacity:.75}.meta{display:flex;gap:30px;font-size:10px;color:var(--muted)}.meta b{display:block;font-size:22px;color:var(--ink);margin-bottom:6px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;font-size:9px;letter-spacing:1px;color:var(--muted)}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 30px}.room-heading h1{font-size:35px;margin:12px 0 0;letter-spacing:-1px}.room-heading h1 small{font-size:16px;color:var(--muted);letter-spacing:0}.room-code{border:1px solid var(--line);padding:13px 18px;text-align:left;background:var(--paper);color:var(--ink)}.room-code small{display:block;font-size:10px;margin-bottom:5px}.room-code strong{font-family:monospace;font-size:24px;letter-spacing:3px}.lobby-teams{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-lobby{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:4px}.dark{background:var(--dark)!important;color:var(--paper)!important}.dark .eyebrow,.dark .seat small{color:#b2bfa9}.team-lobby h2 small{float:right;color:var(--muted);font-size:15px}.dark h2 small{color:#b2bfa9}.seat{display:flex;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #87958240}.avatar{background:#e9e3cf;color:var(--ink);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:16px}.seat b{font-size:14px}.seat b small{display:inline;color:var(--orange)}.seat small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.seat.empty{opacity:.55}.seat.empty .avatar{background:transparent;border:1px dashed currentColor;color:inherit;font:14px monospace}.your-team{text-align:center;padding:22px 0 4px;font-size:13px;color:var(--orange)}.lobby-bottom{padding:28px 0 48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.lobby-bottom h3{margin:0}.lobby-bottom p{font-size:12px;margin:8px 0 0}.lobby-bottom>div:last-child{display:flex;gap:12px;align-items:center}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:23px}.score{display:flex;gap:24px;align-items:center;background:var(--paper);padding:18px 25px;border:1px solid var(--line);border-radius:4px}.score>span{font-size:19px;flex:1;font-weight:800}.score small{display:block;font-size:9px;font-weight:500;margin-top:5px;letter-spacing:0}.score .tokens{font-size:24px;letter-spacing:5px;line-height:1}.tokens.error{color:var(--orange);min-width:49px}.keyword-panel{border:1px solid var(--line);padding:22px 27px;background:#e6e5d4;display:flex;gap:35px;align-items:center;margin-bottom:24px;border-radius:4px}.section-title h2{font-size:22px;margin:8px 0 7px}.section-title>small{font-size:10px;color:var(--muted)}.keywords{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:12px}.keyword{position:relative;background:var(--paper);padding:19px 12px 14px;text-align:center;border:1px solid #ccc8b3;box-shadow:0 3px 0 #ccc8b3;border-radius:3px}.keyword>span{position:absolute;top:5px;left:8px;font:12px monospace;color:var(--orange)}.keyword strong{font-size:24px;display:block;overflow-wrap:anywhere}.keyword small{display:block;font:7px monospace;color:#939180;letter-spacing:1px;margin-top:10px}.play-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding-bottom:45px}.workbench,.archive{min-width:0}.workbench{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--orange);padding:27px;border-radius:4px}.workbench .section-title>p{font-size:11px;margin:0}.work-content{margin-top:23px}.mini.device{transform:none;max-width:320px;padding:17px 20px 14px;box-shadow:0 7px 0 #0c2824,0 12px 18px #12362c20;margin:0 auto 30px}.mini .windows>span{font-size:47px}.mini .device-top{margin-bottom:10px}.mini .device-top span{font-size:8px}.mini .device-bottom{margin-top:11px}.mini .knob{width:27px;height:27px;border-width:4px}.mini .knob:after{left:7px;height:6px}.mini .grille{gap:3px}.clue-list{list-style:none;counter-reset:clue;padding:0;margin:0 0 22px}.clue-list li{counter-increment:clue;padding:17px 12px;border-bottom:1px dashed var(--line);font-size:20px;overflow-wrap:anywhere}.clue-list li:before{content:'0'counter(clue);font:11px monospace;color:var(--orange);margin-right:20px}.readiness{display:flex;gap:10px;margin-top:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:10px}.waiting-symbol{font-size:90px;text-align:center;color:var(--orange);padding:16px}.locked{padding:20px;background:#e9ecdf;border:1px solid #d0d8c4;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.locked small{display:block;color:var(--muted);font-size:10px}.code-inputs{display:flex;gap:12px}.code-inputs label{flex:1;margin:0;font-size:10px;text-align:center}.code-inputs select{margin-top:8px;font-size:28px;text-align:center;color:var(--orange)}.result-lines p{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;margin:0}.result-lines b{color:var(--ink)}.result-lines span{margin-left:auto;color:var(--orange)}.final-words>div{padding:15px 0;border-bottom:1px dashed var(--line)}.final-words h3{font-size:14px;margin:0}.final-words p{color:var(--ink);margin:8px 0}.final-words small{font-size:11px;color:var(--muted)}.archive>.section-title{padding:6px 0 20px}.archive-team{border:1px solid var(--line);background:#faf6e8;border-radius:4px;padding:20px;margin-bottom:17px}.archive-team h3{font-size:15px;margin:0 0 18px}.archive-team h3 small{float:right;font-size:10px;font-weight:400;opacity:.7}.archive-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.archive-columns>div{border-left:1px solid #9ca18b40;padding-left:9px;min-width:0}.archive-columns b{font:22px Georgia;color:var(--orange)}.archive-columns p{font-size:11px;line-height:1.6;color:inherit;margin:12px 0 0;overflow-wrap:anywhere}.archive-columns p small{display:block;font:8px monospace;opacity:.45}.archive-columns .empty-clue{opacity:.4;font-size:9px}details{padding:18px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px;font-weight:700}summary span{float:right;font-size:10px;color:var(--muted);font-weight:400}.history-row{display:grid;grid-template-columns:1fr auto;gap:6px;border-bottom:1px dashed var(--line);padding:15px 0}.history-row b{font-size:11px}.history-row p{grid-column:1;margin:0;font-size:11px;overflow-wrap:anywhere}.history-row strong{grid-column:2;grid-row:1/3;font:15px monospace;align-self:center}.history-row>small{font-size:9px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:28px;width:min(680px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#102f2bc0;backdrop-filter:blur(3px)}.dialog-heading{display:flex;gap:15px;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);margin-bottom:20px}.dialog-heading h2{font-size:25px;margin:0 0 20px}.dialog-heading button{background:none;font-size:25px;color:var(--ink)}.rules{font-size:13px;line-height:1.9}.rules p{font-size:12px}.rules ol{padding-left:22px}.rules li{margin-bottom:12px}.rules h3{font-size:17px;margin-top:24px}.invite-row{display:flex;gap:8px;margin:12px 0}.invite-row input{font-size:12px}#toast{position:fixed;z-index:200;bottom:30px;left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 36px);padding:13px 21px;border-radius:4px;background:var(--orange);color:white;font-size:13px;box-shadow:0 5px 25px #12362c30;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero-art{height:310px}.device:not(.mini){max-width:490px}.windows>span{font-size:85px}}
@media(max-width:1000px){header,main,footer{width:calc(100% - 44px)}.entry{gap:5%;grid-template-columns:1.1fr 1fr}.entry-panel{padding:26px}.hero-art{height:245px}.device{padding:18px 20px}.windows>span{font-size:60px}.meta{gap:19px}.keyword-panel{display:block}.keyword-panel .section-title{margin-bottom:18px}.lobby-bottom{display:block}.lobby-bottom>div:last-child{margin-top:18px}.score{gap:15px}.room-heading h1{font-size:29px}}
@media(max-width:720px){header,main,footer{width:calc(100% - 32px)}header{padding:20px 0}.brand{font-size:20px}.brand img{width:36px;height:36px}nav{gap:8px}nav>span{display:none}.quiet{font-size:11px}.entry{display:block;padding:36px 0}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero>p{font-size:14px}.hero-art{max-width:430px;margin:35px auto 28px;height:255px}.hero-art .device{margin-right:18px}.windows>span{font-size:66px}.stamp{right:0;top:-16px}.tape{bottom:0;padding:12px 18px;font-size:11px}.meta{justify-content:space-between;padding:0 0 30px}.meta b{font-size:21px}.entry-panel{padding:27px}.entry-panel h2{font-size:29px}.room-heading{padding:28px 0 23px;align-items:start}.room-heading h1{font-size:24px;max-width:220px;line-height:1.4}.room-heading .eyebrow{font-size:8px;letter-spacing:1px}.room-code{padding:10px 11px;flex-shrink:0}.room-code small{font-size:8px}.room-code strong{font-size:18px;letter-spacing:1px}.lobby-teams{gap:14px;grid-template-columns:1fr}.team-lobby{padding:22px}.lobby-bottom>div:last-child{flex-wrap:wrap}.lobby-bottom>div:last-child>.primary,.lobby-bottom>div:last-child>.secondary{flex:1;min-width:130px}.lobby-bottom .quiet{flex-basis:100%}.scoreboard{gap:10px}.score{display:grid;grid-template-columns:1fr 1fr;gap:14px 5px;padding:15px}.score>span{grid-column:1/-1;font-size:16px;display:flex;align-items:center;gap:7px}.score>span small{font-size:8px;margin:0}.score .tokens{font-size:20px;letter-spacing:3px}.keyword-panel{padding:18px 15px}.keyword-panel .section-title h2{font-size:18px}.keywords{gap:7px}.keyword{padding:23px 5px 13px}.keyword strong{font-size:19px}.keyword small{font-size:5px;letter-spacing:0}.play-grid{grid-template-columns:1fr;gap:26px}.workbench{padding:22px 20px}.section-title h2{font-size:21px}.archive-team{padding:18px 13px}.archive-columns{gap:6px}.archive-columns>div{padding-left:7px}.archive-columns p{font-size:11px}.mini.device{max-width:280px}.mini .windows>span{font-size:45px}.readiness{gap:15px;font-size:10px}.code-inputs select{font-size:27px;padding:11px}footer{flex-direction:column;gap:10px;font-size:8px}dialog{padding:23px}.dialog-heading h2{font-size:22px}.invite-row .secondary{padding:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.decrypto-flight-lock{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;border:2px solid #87977c;background:#e9ecdf;color:#173e39;font:850 24px sans-serif;box-shadow:0 4px 12px #153b3633}
.signal-paper{padding:12px;margin:12px 0;border:1px solid #b6b09c;background:repeating-linear-gradient(#faf4df 0 25px,#d9d0b8 26px);color:#25312d;min-height:180px}.signal-clues{margin:4px 0 12px;padding-left:24px;font-size:13px;line-height:26px;overflow-wrap:anywhere}.signal-device{display:flex;gap:7px;padding:10px;background:#293d3a;border-radius:6px}.signal-device>b{display:grid;place-items:center;background:#fff5dc;color:#25312d;border-radius:4px;width:42px;height:49px;font:700 29px monospace;box-shadow:inset 0 -4px #bbb6a0}.signal-answer{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:9px}.signal-answer>small{min-width:65px}.signal-answer>b{min-width:28px;text-align:center}.signal-answer .match{color:#206b4b}.signal-answer .miss{color:#ac452e}.decrypto-status{flex-basis:100%;min-height:18px;line-height:1.5}.scoreboard .score{flex-wrap:wrap}.decrypto-error-token,.decrypto-intercept-token{display:grid;place-items:center;border-radius:50%;background:#ead3a2;color:#9b3e2c;width:38px;height:38px;font:bold 28px Georgia}.decrypto-intercept-token{color:#244b40}