@import url('/theme.css');
:root{--ink:#102f2c;--deep:#082422;--cream:#faf4e6;--paper:#fffaf0;--gold:#deb66c;--gold-dark:#96703a;--muted:#6f756b;--line:#ddd3bc;--teal:#087d70;--exact:#287747;--present:#ffe896;--absent:#e7e3da;font-family:Arial,Helvetica,sans-serif;color:var(--cream);font-size:16px;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 20%,#19463e 0,transparent 48%),linear-gradient(130deg,#112e2b,#071e1e);min-height:100vh}body:before{content:'';position:fixed;inset:12px;border:1px solid #caa36320;pointer-events:none;z-index:-1}.page-grain{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0,transparent 110px,#d6b47706 111px,transparent 112px);z-index:-1}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{transition:background .15s,box-shadow .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dcb266;outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.06)}button:focus-visible{filter:none}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(32px,3.6vw,52px);font-weight:700}h2{font-size:28px}h3{font-size:22px}p{line-height:1.55}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;font-weight:700;font-size:10px;letter-spacing:.19em;color:var(--gold);margin-bottom:13px}.paper .eyebrow{color:var(--gold-dark)}.site-header{max-width:1440px;margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;border-bottom:1px solid #b3966133}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1;font:700 33px Georgia,serif;letter-spacing:-1px}.brand em{font-weight:400;color:#e4bb75}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.18em;margin-top:9px;color:#b4c3b6}.brand-key{font-family:Georgia,serif;font-size:45px;color:var(--gold);border:1px solid #ceab6877;border-radius:50%;width:47px;height:47px;line-height:47px;text-align:center}.header-actions{display:flex;align-items:center;gap:18px}.quiet-button,.icon-button,.text-button{border:0;background:none;color:inherit;padding:8px 0}.quiet-button{font-size:12px;color:#e2dfcf}.quiet-button span{padding-left:6px}.icon-button{border:1px solid #c3a16755;border-radius:50%;width:38px;height:38px;padding:0;font-size:22px;color:var(--gold)}.connection{font-size:10px;color:#cabb96}.connection:before{content:'';display:inline-block;width:5px;height:5px;background:#ba835e;border-radius:50%;margin-right:6px}.connection.online:before{background:#84bb97}.audio-settings{position:absolute;right:40px;top:84px;padding:20px;width:260px;z-index:25;color:var(--ink);background:var(--paper);border:1px solid var(--gold);border-radius:12px;box-shadow:0 14px 40px #0005}.audio-settings[hidden]{display:none}.audio-settings strong{display:block;margin-bottom:12px;font-family:Georgia,serif}.audio-settings label{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:10px 0;font-size:14px}.audio-settings input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px}.audio-settings input[type=range]{width:145px;accent-color:var(--teal)}.audio-settings small{display:block;color:var(--muted);line-height:1.4;margin-top:15px}
main{max-width:1440px;margin:auto;padding:38px 40px 64px}.loading{text-align:center;padding:25vh 0;color:var(--gold)}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;min-height:460px}.welcome-copy{padding:12px 0 24px 20px}.welcome h1{font-size:clamp(46px,5vw,73px);line-height:1.04;letter-spacing:-.05em}.welcome h1 em{font-weight:400;color:#e5bf7d}.welcome .eyebrow{margin-bottom:24px}.lead{font-size:17px;color:#c2d1c5;max-width:430px;margin-top:24px;line-height:1.7}.game-facts{display:flex;gap:32px;border-top:1px solid #d5bb8033;border-bottom:1px solid #d5bb8033;padding:17px 0;margin:28px 0 12px;max-width:435px}.game-facts span{display:flex;align-items:baseline;gap:8px;color:#afc4b6;font-size:12px}.game-facts b{font:24px Georgia,serif;color:var(--cream)}.text-button{font-size:12px;font-weight:700;color:var(--gold);display:inline-block}.text-button span{margin-left:10px}.hero-art{position:relative;height:440px;display:flex;justify-content:center;align-items:center}.hero-art>img{width:98%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 20px 24px #0007);transform:rotate(-3deg)}.art-halo{position:absolute;width:85%;aspect-ratio:1;border:1px solid #d2b16b22;border-radius:50%;background:radial-gradient(circle,#c0a26912,transparent 60%)}.art-halo:after{content:'';position:absolute;inset:22px;border:1px dashed #d2b16b22;border-radius:50%}.hero-caption{position:absolute;bottom:-10px;font-size:8px;letter-spacing:.23em;color:#a9bda9}.welcome-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin-top:36px}.entry-card{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;background:var(--paper);border:1px solid var(--gold);border-radius:16px;color:var(--ink);padding:26px 30px;box-shadow:0 16px 30px #0002}.entry-card .eyebrow{color:var(--gold-dark);font-size:9px;margin-bottom:9px}.entry-card h2{font-size:31px;margin-bottom:22px}.entry-card label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.entry-card input{width:100%;min-width:0}.entry-actions{display:flex;flex-direction:column;gap:9px;padding-top:2px}.entry-actions>small{font-size:9px;color:var(--muted);line-height:1.4}.primary,.secondary,.small-button{border:1px solid transparent;border-radius:7px;padding:12px 20px;min-height:46px;font-size:14px;font-weight:700;white-space:nowrap}.primary{background:linear-gradient(125deg,#ddb567,#efcf92);color:#24332a;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #99753d55}.primary span{float:right;margin-left:20px;font-size:18px;line-height:1}.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff8,0 0 18px #dbb36340}.secondary{background:transparent;border-color:#9e8864;color:inherit}.entry-card .primary,.paper .primary{background:linear-gradient(135deg,#087d70,#105f56);color:#fff5db;box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #054239}.entry-card .secondary{border-color:#d2c4a6}.small-button{border-color:#ccb997;background:#f3e8d1;padding:9px 12px;font-size:11px;min-height:42px}.join-line{display:flex;gap:8px}.join-line input{letter-spacing:.12em;font-size:11px}.welcome-host{display:flex;align-items:center;gap:15px;min-width:0}.welcome-host>img{height:210px;width:170px;object-fit:contain;filter:drop-shadow(0 10px 20px #0005)}.welcome-host p{font:italic 22px/1.5 Georgia,serif;color:#e6dbbd}.welcome-host p span{display:block;font:8px/1 Arial,sans-serif;letter-spacing:.16em;margin-top:12px;color:#93ae9b}input:not([type=range]):not([type=checkbox]){background:#fffdf5;border:1px solid #c4b89f;border-radius:6px;color:var(--ink);padding:12px 13px;min-height:44px;font-weight:600}input::placeholder{color:#819086;font-weight:400}
.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h1{font-size:clamp(30px,3vw,43px)}.clock-card{min-width:132px;text-align:center;border:1px solid #ceb07577;border-radius:11px;padding:10px 20px;background:#0c211acc}.clock-card small{display:block;font-size:9px;letter-spacing:.15em;color:#cabb9a;margin-bottom:0}.clock-card strong{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.3;color:#edca83}.clock-card.urgent{border-color:#e19373;background:#501f25}.clock-card.urgent strong{color:#ffbea4}.round-nav{display:flex;margin:-8px 0 28px;border-bottom:1px solid #c1a26933;padding-bottom:20px;gap:22px}.round-nav>span{flex:1;display:flex;align-items:center;gap:9px;color:#718e82;font-size:10px}.round-nav b{flex:none;width:24px;height:24px;border:1px solid #7b987555;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px}.round-nav .current{color:#f1d39b}.round-nav .current b{border-color:var(--gold);background:#cba25133}.round-nav .passed{color:#9abfa5}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center}.paper{background:linear-gradient(115deg,#fffaf0,#f7efdd);color:var(--ink);border:1px solid #d8bd88;border-radius:14px;box-shadow:0 9px 24px #0003;position:relative}.paper:before{content:'';position:absolute;inset:5px;border:1px solid #d7c49b77;border-radius:10px;pointer-events:none}.panel-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-line>span{font-size:11px}.lobby-panel{padding:30px}.lobby-panel h2{font-size:28px}.lobby-players{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.lobby-player,.empty-seat{border:1px solid #d4c5a9;background:#fffcf388;border-radius:10px;min-height:157px;text-align:center;padding:20px 8px 12px}.lobby-player{border-top:3px solid var(--player)}.lobby-player .avatar{width:50px;height:50px;font-size:22px;margin:auto}.lobby-player h3{margin-top:10px;font-size:20px}.lobby-player small{font-size:10px;color:#808270}.remove-bot{display:block;margin:4px auto 0;font-size:9px;color:#88663b;padding:0}.empty-seat{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b3a585;font:italic 14px Georgia}.empty-seat span{font:30px Georgia;margin-bottom:6px}.lobby-footer{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lobby-footer p{font-size:12px}.lobby-footer p span{color:var(--muted);font-size:11px}.button-row{display:flex;gap:10px;align-items:center}.fine-print{font-size:10px;color:#837b67;margin-top:18px}.cipher-aside img{width:100%;max-height:370px;object-fit:contain;filter:drop-shadow(0 9px 14px #0005)}.cipher-quote{text-align:center;margin-top:14px}.cipher-quote span{font-size:8px;letter-spacing:.16em;color:#bda275}.cipher-quote p{font:italic 20px/1.45 Georgia,serif;color:#e1d9c2;margin-top:10px}.invite-code{text-align:right}.invite-code small{display:block;color:#a7bfac;font-size:9px;letter-spacing:.15em}.invite-code strong{display:block;font:24px Georgia;letter-spacing:.18em;color:var(--gold)}.invite-code button{padding:5px 0;font-size:10px}.avatar{--player:#168b79;display:inline-grid;place-items:center;width:35px;height:35px;border:2px solid var(--player);color:var(--ink);background:#fff7de;border-radius:50%;font:bold 14px Georgia;flex:none}.ai-tag{font:700 8px Arial,sans-serif;letter-spacing:.02em;background:#e8d4a455;color:#9c7029;padding:2px 3px;border-radius:3px;vertical-align:middle}.tag{border:1px solid #cbba94;color:#856432;background:#eddfbc66;border-radius:20px;font-size:10px;font-weight:700;padding:6px 11px;white-space:nowrap}.seal-panel{padding:30px}.seal-panel>h2{font-size:32px;margin-top:26px;margin-bottom:10px}.seal-panel>p{font-size:13px;max-width:660px}.secret-fields{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:18px;margin-top:26px}.secret-fields label{font-size:12px;font-weight:700;min-width:0}.secret-fields input{display:block;width:100%;margin-top:8px;font-size:24px;letter-spacing:.08em;height:60px;text-transform:uppercase;font-family:Georgia,serif}.secret-fields input::placeholder{text-transform:none;font:18px Georgia;letter-spacing:.06em}.form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px}.form-bottom>span{font-size:10px}.form-error{font-size:12px;color:#a43134;min-height:18px;margin-top:12px}.too-many{color:#ab3036!important;font-weight:bold}.separator{border-top:1px solid var(--line);margin:24px 0 18px}.progress-players{display:flex;flex-wrap:wrap;gap:20px}.progress-player{display:flex;align-items:center;gap:9px;min-width:90px}.progress-player>b{font-size:12px}.progress-player span>b{display:block;font-size:12px}.progress-player small{display:block;color:#7d8475;font-size:9px;margin-top:2px}.progress-player .avatar{width:29px;height:29px;font-size:11px}.progress-player.solved small{color:#177c57}.sealed-state{text-align:center;padding:32px 15px 20px}.seal-mark{display:inline-grid;place-items:center;border-radius:50%;width:56px;height:56px;background:#d9eddb;color:#267643;font-size:30px;margin-bottom:18px}.sealed-state h2{font-size:32px}.sealed-state p{margin-top:10px;color:var(--muted);font-size:13px}.sealed-parts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0}.sealed-parts b{font:24px Georgia;color:#15574c;padding:8px 16px;background:#e8debc80;border-radius:5px;letter-spacing:.08em}.sealed-parts>span{align-self:center;color:#a88a4d}.countdown-screen{text-align:center;padding:70px 20px}.countdown-screen h1{font-size:58px}.countdown-number{display:block;font:140px Georgia;color:var(--gold);line-height:1.3}.countdown-screen p{color:#c7d7c6;font-size:14px}.countdown-screen .legend{justify-content:center;margin-top:30px}
.crack-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.crack-panel{padding:26px 30px}.tries{font-size:12px;font-variant-numeric:tabular-nums}.legend{display:flex;gap:18px;font-size:10px;align-items:center;justify-content:center;margin:20px 0;color:#757869}.legend>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{display:grid;place-items:center;font:normal 10px Arial;color:white;width:17px;height:17px;border-radius:4px}.exact{background:var(--exact)!important;color:#fff!important}.present{background:var(--present)!important;color:#fff!important}.absent{background:var(--absent)!important;color:#fff!important}.guess-board{min-height:200px;max-height:380px;overflow:auto;overscroll-behavior:contain;padding:10px 12px 20px;margin:0 -8px}.guess-row{display:flex;align-items:center;gap:12px;margin-bottom:9px;justify-content:center}.try-number{width:20px;flex:none;font-size:9px;color:#a59a84;text-align:right}.tile-row{display:grid;grid-template-columns:repeat(var(--letters),minmax(0,1fr));gap:7px;max-width:min(100%,calc(var(--letters)*58px));width:100%;margin:auto}.tile{min-width:0;min-height:52px;border:1px solid #c7ba9e;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 0 #0001;position:relative}.tile b{font-size:23px;line-height:1.1;font-family:Georgia,serif;font-weight:700}.tile small{font-size:9px;line-height:1;margin-top:3px;opacity:.75}.tile.exact,.tile.present,.tile.absent{border-color:transparent}.tile.empty{background:#fbf5e7;color:#a19880;min-height:55px}.draft{margin-top:16px}.draft>div{width:100%}.long-code .tile-row{gap:4px}.long-code .tile{min-height:43px}.long-code .tile b{font-size:18px}.guess-entry{display:flex;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.guess-entry input{width:100%;min-width:0;letter-spacing:.12em;text-transform:uppercase;font-family:Georgia,serif;font-size:19px}.guess-entry input::placeholder{font:13px Arial;letter-spacing:.015em;text-transform:none}.guess-entry button{min-width:120px}.guess-entry+p{font-size:10px;margin-top:10px}.alphabet{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}.alphabet>span{display:grid;place-items:center;font:10px Arial;min-width:21px;height:26px;background:#e9dfca;border-radius:3px;color:#566557}.finished-notice{padding:24px 0;border-top:1px solid var(--line)}.finished-notice h2{font-size:25px}.finished-notice p{font-size:12px;color:var(--muted);margin-top:10px}.rival-panel{padding:16px 0}.rival-panel .panel-line{border-bottom:1px solid #dbba7244;padding-bottom:15px}.rival-panel h2{font-size:26px}.rival-panel .panel-line>span{font-size:8px;color:#a9c4ab;letter-spacing:.13em}.live-players{display:flex;flex-direction:column;gap:0}.live-players .progress-player{border-bottom:1px solid #bccbaf1a;padding:13px 0}.live-players .progress-player .avatar{width:34px;height:34px;font-size:13px}.live-players .progress-player span>b{font-size:12px}.live-players small{color:#adc1ae}.live-players i{margin-left:auto;font:20px Georgia;color:var(--gold);font-style:normal}.tiny-host{display:flex;align-items:center;gap:10px;margin-top:22px}.tiny-host img{width:95px;height:130px;object-fit:contain}.tiny-host p{font:italic 16px/1.5 Georgia;color:#d7d6b9}
.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:25px;align-items:start}.reveal-panel{padding:30px}.reveal-panel>h2{font-size:36px;margin:22px 0}.answer-code{margin:0 0 12px}.answer-code .tile-row{max-width:100%;gap:5px}.answer-code .tile{height:55px;min-height:38px}.answer-code .tile b{font-size:clamp(14px,1.7vw,23px)}.answer-by{font-size:13px;text-align:center;color:#365c4e;overflow-wrap:anywhere}.answer-by>span{font-size:11px;color:#898773}.best-guess{margin-top:25px}.best-guess>small{display:block;font-size:9px;letter-spacing:.13em;color:var(--gold-dark);margin-bottom:8px}.best-guess .tile-row{max-width:100%;gap:4px}.best-guess .tile{min-height:40px}.best-guess .tile b{font-size:16px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.result-metrics>div{text-align:center;border-right:1px solid var(--line)}.result-metrics>div:last-child{border:0}.result-metrics strong{display:block;font:38px Georgia;color:#08796a;line-height:1}.result-metrics span{font-size:10px;color:var(--muted);display:block;margin-top:8px}.score-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.score-breakdown span{font-size:10px;color:#8a826e}.score-breakdown b{display:block;color:var(--ink);font-size:18px;margin-top:4px}.reveal-panel>p.small{font-size:10px}.totals-panel{padding:22px}.totals-panel h2{font-size:26px}.totals-panel>.small{margin-top:8px;font-size:10px}.result-players{margin-top:15px}.result-player{width:100%;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-bottom-color:#dbcfb5;background:none;border-radius:6px;padding:10px 6px;text-align:left;color:var(--ink)}.result-player.selected{background:#dfebdf;border-color:#308a7266}.result-player .avatar{width:29px;height:29px;font-size:11px}.place{font:12px Georgia;color:#99855e;width:12px}.result-name{min-width:0;font-size:12px;flex:1;font-weight:bold;overflow:hidden;text-overflow:ellipsis}.result-name small{display:block;font-size:9px;font-weight:400;color:#8a836e;margin-top:3px}.result-player>strong{font:22px Georgia;color:#176f63;text-align:right}.result-player>strong small{display:block;font:8px Arial;color:#897f69;margin-top:4px;white-space:nowrap}.results-host{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px}.results-host img{width:100px;height:130px;object-fit:contain}.results-host p{font:italic 16px/1.4 Georgia;color:#67745c}.solved-tag{background:#deead8;color:#39723e;border-color:#b9d0ad}.review-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:25px 0 40px;padding:0 4px}.review-bar strong{font:20px Georgia}.review-bar small{display:block;font-size:10px;color:#aabea9;margin-top:7px}.final-tag{color:#edcd8d;border-color:#c6a26766;background:#876f2e33}
.journal{padding:26px 30px;margin-top:28px}.journal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.journal-heading h2{font-size:32px}.journal-heading .eyebrow{font-size:8px;margin-bottom:8px}.saved-label{font-size:9px;color:#827358;background:#f4e9d0;border:1px solid #e2cea5;border-radius:20px;padding:7px 12px;white-space:nowrap}.journal-tabs{display:flex;border-bottom:1px solid var(--line);gap:10px;margin-top:20px;padding-bottom:15px}.journal-tabs button{background:none;border:1px solid transparent;border-radius:6px;padding:7px 13px;font-size:11px;color:#8c7c5d}.journal-tabs button.active{background:#e5eee2;border-color:#388b6c;color:#175849}.journal-tabs small{display:block;font-size:8px;margin-top:2px}.award-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.award{display:flex;align-items:center;gap:11px;border:1px solid #dbc391;border-radius:9px;background:#f4e9ce;padding:12px;min-height:80px}.award.rainbow{background:linear-gradient(130deg,#f3e5ed99,#fff0c7,#d9eee588)}.award.silver{background:#eeede2;border-color:#cdd0bc}.award>img{width:42px;height:57px;object-fit:contain}.award>div{flex:1}.award small{font-size:8px;color:#8c6e3b;font-weight:700;letter-spacing:.025em;display:block}.award strong{font:27px Georgia;color:#147866;display:block;margin-top:2px;line-height:1.2}.award strong span{font:9px Arial;color:#948872}.award>div>span{font-size:8px;color:#85745a}.award>b{font-size:8px;color:#9b7a43;font-weight:600}.empty-journal{grid-column:1/-1;font:italic 18px Georgia;color:#8c806b;padding:20px 0;text-align:center}.journal-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 12px}.journal-summary p{font-size:11px}.journal-summary p span{font-size:10px;color:#98866a}.journal-summary>strong{font-size:25px;color:#157568;text-align:right;line-height:1.2}.journal-summary strong small{display:block;font-size:8px;letter-spacing:.03em;color:#8c7a5b;font-weight:400}.journal-labels,.journal-row{display:grid;grid-template-columns:90px minmax(170px,1fr) minmax(150px,1fr) 55px 55px;align-items:center;gap:20px}.journal-labels{font-size:8px;text-transform:uppercase;font-weight:700;color:#927344;letter-spacing:.15em;border-bottom:1px solid var(--line);padding:10px 5px}.journal-labels>span:nth-child(n+3){text-align:center}.journal-row{padding:12px 5px;border-bottom:1px solid #e5dac3;font-size:12px;min-height:58px}.journal-row>span:first-child{font-weight:700;color:#556249}.journal-row>span:first-child small{display:block;font-size:8px;color:#9c8b6b;font-weight:400;margin-top:2px}.journal-row>strong,.journal-row>span:last-child{text-align:center;color:#217863;font-size:12px}.journal-code{text-align:center;font-size:10px;font-weight:bold;overflow-wrap:anywhere;color:#59644d}.score-track{height:5px;border-radius:4px;background:#e7dfcc;position:relative;margin-right:28px}.score-track>div{height:5px;border-radius:4px;background:#80b0a1}.score-marker{display:flex;gap:4px;align-items:center;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;padding-left:4px}.score-marker img{width:26px;height:36px;object-fit:contain}.score-marker b{background:#fcf6e8cc;padding:0 3px;font:700 14px Georgia;color:#38574b}.journal-footnote{font-size:9px;color:#8f866e;border-top:1px solid var(--line);margin-top:20px;padding-top:12px;text-align:right}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--gold);border-radius:14px;padding:32px;box-shadow:0 20px 80px #0008;max-width:min(570px,calc(100vw - 32px));max-height:85vh;overflow:auto}dialog::backdrop{background:#021815cc;backdrop-filter:blur(5px)}dialog .eyebrow{color:var(--gold-dark)}dialog h2{font-size:32px;margin:10px 0 18px}dialog p{font-size:13px;margin:15px 0;color:#6a735e}dialog h3{font-size:23px;margin-top:23px}.dialog-actions{display:flex;gap:12px;margin-top:25px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#8c7854}.danger{background:#963f39;color:#fff1da}.rule-line{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.rule-line>b{display:grid;place-items:center;border:1px solid #d5bc8b;border-radius:50%;width:24px;height:24px;color:#8d692e;font:13px Georgia}.rule-line>span{flex:1}.rule-line small{font-size:10px;color:#8d7c5d}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100vw - 32px);width:max-content;padding:12px 20px;border:1px solid #a6c6a8;background:#ecf5e9;color:#145548;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0003;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#fff0e8;border-color:#d4a088;color:#8d3630}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){main{padding-top:45px}.welcome{min-height:490px}.hero-art{height:485px}.welcome-bottom{margin-top:25px}}
@media(max-width:1100px){.site-header{padding:22px 28px}main{padding:30px 28px 50px}.welcome{min-height:380px}.hero-art{height:370px}.welcome-copy{padding-left:0}.welcome h1{font-size:54px}.welcome-bottom{gap:24px;grid-template-columns:1.8fr 1fr}.entry-card{padding:22px;gap:18px}.welcome-host{gap:0}.welcome-host img{width:115px;height:175px}.welcome-host p{font-size:17px}.play-layout{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.crack-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.results-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.reveal-panel{padding:24px}.totals-panel{padding:18px}.result-player{gap:5px}.round-nav{gap:12px}.round-nav>span{font-size:9px}.journal-labels,.journal-row{grid-template-columns:70px minmax(150px,1fr) minmax(110px,1fr) 40px 40px;gap:12px}.award>b{display:none}.secret-fields{gap:12px}.seal-panel{padding:25px}.tile-row{gap:5px}}
@media(max-width:820px){.welcome{grid-template-columns:1.1fr 1fr;min-height:330px;gap:5px}.welcome h1{font-size:44px}.lead{font-size:14px}.hero-art{height:325px}.game-facts{gap:16px;margin:22px 0 5px}.game-facts b{font-size:21px}.game-facts span{font-size:9px;gap:4px}.welcome-bottom{grid-template-columns:1fr;margin-top:24px}.welcome-host{display:none}.entry-card{grid-template-columns:1fr 1.2fr}.play-layout{grid-template-columns:1fr}.cipher-aside{display:none}.crack-layout{grid-template-columns:1fr}.rival-panel{padding:5px 0}.live-players{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live-players .progress-player{padding:12px 0}.rival-panel .tiny-host{display:none}.results-layout{grid-template-columns:1fr}.result-players{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-player{padding:12px}.results-host{display:none}.review-bar{margin-bottom:28px}.round-nav>span>span{display:none}.round-nav>span{justify-content:center}.round-nav{gap:10px;margin-bottom:20px}.round-nav b{width:28px;height:28px}.journal{padding:22px}.award-shelf{gap:8px}.award{padding:9px;gap:6px}.award>img{width:32px}.award strong{font-size:22px}.saved-label{font-size:8px}.section-heading h1{font-size:34px}.journal-heading h2{font-size:27px}}
@media(max-width:560px){body:before{inset:6px}.site-header{padding:16px 18px;gap:10px}.brand{font-size:26px;gap:8px}.brand-key{width:32px;height:32px;font-size:31px;line-height:32px}.brand small{font-size:6px;margin-top:6px;letter-spacing:.1em}.connection{display:none}.header-actions{gap:10px}.icon-button{width:32px;height:32px;font-size:19px}.quiet-button{font-size:10px}.quiet-button span{display:none}.audio-settings{right:15px;top:65px}.welcome{display:flex;flex-direction:column;gap:8px;min-height:0}.welcome-copy{text-align:center;padding:6px 0 0}.welcome .eyebrow{font-size:8px;margin-bottom:18px}.welcome h1{font-size:47px}.lead{font-size:13px;margin-top:17px;max-width:320px}.game-facts{justify-content:center;gap:24px;margin:20px auto 5px;padding:11px 0}.game-facts b{font-size:21px}.game-facts span{display:block;font-size:9px}.game-facts b{display:block}.hero-art{height:265px;width:100%;margin-top:2px}.hero-art>img{width:290px}.hero-caption{font-size:6px;bottom:0}.art-halo{width:250px}.welcome-bottom{margin-top:22px}.entry-card{grid-template-columns:1fr;gap:18px;padding:22px}.entry-card h2{margin-bottom:14px}.entry-card .eyebrow{font-size:8px}.entry-card h2{font-size:28px}.entry-actions{gap:10px}.entry-actions>small{font-size:8px}.entry-actions .primary,.entry-actions .secondary{min-height:46px}main{padding:24px 16px 40px}.section-heading{gap:12px;margin-bottom:20px;align-items:center}.section-heading h1{font-size:28px}.section-heading .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:8px}.clock-card{min-width:87px;padding:8px 10px;border-radius:8px}.clock-card strong{font-size:27px}.clock-card small{font-size:6px;letter-spacing:.1em}.paper{border-radius:11px}.paper:before{inset:4px;border-radius:7px}.lobby-panel{padding:22px 16px}.lobby-panel h2{font-size:25px}.panel-line>span{font-size:9px}.lobby-players{grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.lobby-player{min-height:142px;padding:15px 6px}.lobby-player .avatar{width:42px;height:42px}.lobby-player h3{font-size:19px}.lobby-footer{display:block}.lobby-footer .button-row{margin-top:18px;justify-content:space-between}.lobby-footer .button-row>button{flex:1}.fine-print{font-size:9px}.invite-code strong{font-size:19px}.invite-code small{font-size:7px}.invite-code button{font-size:8px}.round-nav{padding-bottom:15px;margin:0 0 22px}.seal-panel{padding:20px 17px}.seal-panel>.panel-line{align-items:start}.seal-panel .panel-line .muted{text-align:right;font-size:8px;max-width:100px}.tag{font-size:9px;padding:5px 9px}.seal-panel>h2{font-size:28px;margin-top:22px}.seal-panel>p{font-size:12px}.secret-fields{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:15px;margin-top:20px}.secret-fields label{font-size:11px}.secret-fields input{height:49px;font-size:22px;margin-top:5px}.secret-fields input::placeholder{font-size:16px}.form-bottom{flex-direction:column;align-items:stretch;gap:14px;margin-top:18px}.form-bottom>span{font-size:9px}.progress-players{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.progress-player span>b{font-size:11px}.progress-player small{font-size:8px}.progress-player .avatar{width:25px;height:25px}.sealed-state{padding:25px 0 16px}.sealed-state h2{font-size:29px}.sealed-parts{gap:6px}.sealed-parts b{font-size:18px;padding:6px 10px}.countdown-screen{padding:50px 5px}.countdown-screen h1{font-size:44px}.countdown-number{font-size:120px}.countdown-screen p{font-size:11px}.crack-panel{padding:20px 15px}.legend{gap:10px;font-size:8px;margin:18px 0}.legend i{width:14px;height:14px;font-size:8px}.legend>span{gap:4px}.tries{font-size:10px}.guess-board{padding:8px 4px 12px;min-height:175px;max-height:285px;margin:0 -3px}.guess-row{gap:6px;margin-bottom:7px}.try-number{font-size:8px;width:12px}.tile-row{gap:4px;max-width:min(100%,calc(var(--letters)*48px))}.tile{min-height:44px;border-radius:4px}.tile b{font-size:20px}.tile small{font-size:7px}.tile.empty{min-height:45px}.long-code .tile-row{gap:2px}.long-code .tile{min-height:30px}.long-code .tile.empty{min-height:32px}.long-code .tile b{font-size:11px}.long-code .tile small{font-size:6px;margin-top:2px}.guess-entry{gap:7px}.guess-entry input{font-size:17px;padding:10px 9px!important}.guess-entry input::placeholder{font-size:10px}.guess-entry button{min-width:85px;font-size:11px;padding:10px 13px}.guess-entry button span{display:none}.guess-entry+p{font-size:9px}.alphabet{gap:3px;margin-top:4px;padding-top:12px}.alphabet>span{min-width:19px;height:24px;font-size:9px}.live-players{grid-template-columns:repeat(2,1fr);gap:0 14px}.rival-panel h2{font-size:25px}.live-players .progress-player .avatar{width:29px;height:29px;font-size:11px}.live-players .progress-player span>b{font-size:11px}.reveal-panel{padding:21px 16px}.reveal-panel>h2{font-size:29px;margin:18px 0}.answer-code .tile-row{gap:2px}.answer-code .tile{height:40px}.answer-code .tile b{font-size:13px}.answer-code .tile small{font-size:6px}.answer-by{font-size:11px}.answer-by>span{font-size:9px}.result-metrics{gap:8px;padding:20px 0;margin-top:20px}.result-metrics strong{font-size:30px}.result-metrics span{font-size:9px}.score-breakdown{gap:5px;margin:17px 0}.score-breakdown span{font-size:8px}.score-breakdown b{font-size:17px}.totals-panel{padding:20px 15px}.result-players{gap:6px}.result-player{gap:5px;flex-wrap:wrap;padding:9px 7px}.result-player .place{font-size:10px;width:9px}.result-player .avatar{width:27px;height:27px}.result-name{font-size:10px}.result-player>strong{width:100%;text-align:center;font-size:24px;margin-top:5px}.result-player>strong small{font-size:8px}.review-bar{flex-direction:column;align-items:stretch;margin:22px 0 28px}.review-bar strong{font-size:19px}.review-bar small{font-size:9px}.review-bar .button-row>button{flex:1;padding:12px 10px;font-size:12px}.journal{padding:20px 14px}.journal-heading{align-items:start}.journal-heading h2{font-size:24px}.journal-heading .eyebrow{font-size:7px;max-width:170px}.saved-label{font-size:7px;padding:5px 8px;max-width:102px;white-space:normal;text-align:center}.journal-tabs{gap:1px;justify-content:space-between;margin-top:15px;padding-bottom:12px}.journal-tabs button{font-size:9px;padding:7px 7px}.journal-tabs small{font-size:7px}.award-shelf{grid-template-columns:1fr;gap:7px;margin-top:15px}.award{min-height:67px;padding:8px 14px;gap:12px}.award>img{width:31px;height:46px}.award>div{display:grid;grid-template-columns:1fr 1fr;align-items:center}.award strong{grid-row:1/3;grid-column:2;text-align:right}.award>b{display:block;font-size:8px;width:48px;text-align:right}.award small{font-size:8px}.award>div>span{font-size:8px}.journal-summary{align-items:start;margin:20px 0 10px}.journal-summary p{font-size:10px;max-width:220px}.journal-summary p span{display:block;font-size:8px;margin-top:3px}.journal-summary>strong{font-size:23px}.journal-summary strong small{font-size:7px}.journal-labels,.journal-row{grid-template-columns:43px minmax(65px,1fr) minmax(68px,1fr) 27px 30px;gap:6px}.journal-labels{font-size:6px;letter-spacing:.03em;padding:8px 0}.journal-row{font-size:9px;min-height:55px;padding:10px 0}.journal-code{font-size:7px}.journal-row>strong,.journal-row>span:last-child{font-size:9px}.journal-row>span:first-child small{font-size:7px}.score-track{margin-right:15px}.score-marker{gap:0;padding-left:0}.score-marker b{font-size:10px;padding:0 1px}.score-marker img{width:19px;height:28px}.journal-footnote{font-size:8px;text-align:left}.final-tag{display:none}.dialog-actions{flex-direction:column}dialog{padding:25px}dialog h2{font-size:30px}.rule-line{font-size:10px}.rule-line small{font-size:8px}#toast{font-size:11px;text-align:center}}
.countdown-number{height:182px;display:flex;align-items:center;justify-content:center;text-shadow:0 4px 32px #efc87822}.countdown-number.start{font-size:clamp(44px,13vw,100px);font-weight:bold;letter-spacing:.025em;color:#f8df9d}.countdown-screen .countdown-note{font-size:12px;color:#a9beb1}
.avatar.sleuth-avatar{padding:1px;border:0;background:transparent;box-shadow:0 0 0 2px var(--player),0 3px 7px #0002}.sleuth-avatar img{display:block;width:100%;height:100%;object-fit:contain}.progress-player{min-width:0}.progress-player>span:not(.avatar){min-width:0}.progress-players .sleuth-avatar{width:44px;height:44px}.live-players .progress-player .sleuth-avatar{width:50px;height:50px}.result-player .sleuth-avatar{width:44px;height:44px}.result-identity{display:flex;align-items:center;gap:12px;min-width:0}.result-identity .eyebrow{margin:0;line-height:1.6}.result-identity .sleuth-avatar{width:64px;height:64px}
@media(max-width:560px){.progress-players .sleuth-avatar,.live-players .progress-player .sleuth-avatar,.result-player .sleuth-avatar{width:40px;height:40px}.result-identity{gap:9px}.result-identity .sleuth-avatar{width:48px;height:48px}.progress-players .progress-player{gap:7px}.result-players{grid-template-columns:1fr}.result-player{flex-wrap:nowrap;gap:8px;padding:10px 7px}.result-player>strong{width:auto;flex:none;text-align:right;font-size:22px;margin-top:0}.result-player .result-name{overflow-wrap:anywhere}.reveal-panel>.panel-line{gap:8px}.result-identity .eyebrow{font-size:8px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}