@import url('/tabletop-radio.css');
:root{color-scheme:light;--ink:#192f2e;--paper:#fff6dc;--cream:#eddfb9;--teal:#087d79;--deep:#07534f;--red:#ad3026;--yellow:#f3c441;--line:#716849;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:#d5c7a5;font-size:16px;--ta-ink:#192f2e;--ta-focus:#ad3026}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:var(--ink)}button,a,input,select{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1.5px solid var(--line);border-radius:5px;background:var(--paper);padding:8px 13px;cursor:pointer;font-weight:650}button:hover{background:#fffdf3}button:active{translate:0 2px}button:disabled{opacity:.52;cursor:not-allowed;translate:none}button.primary{background:var(--red);color:#fff8e9;border-color:#7d241d;box-shadow:0 3px 0 #73241e}button.primary:hover{background:#8c261e}a{color:var(--deep);text-underline-offset:3px}input,select{border:1.5px solid var(--line);background:#fffaf0;border-radius:4px;min-height:44px;padding:9px;max-width:100%}input[type=range]{min-width:50px;min-height:44px;padding:0;accent-color:var(--deep);border:0;background:transparent}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--deep)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}[hidden]{display:none!important}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip:focus{display:block;background:var(--paper);padding:12px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(12px,2vw,30px);background:var(--teal);color:var(--paper);border-bottom:5px solid var(--deep)}h1{font:900 clamp(1.7rem,3vw,2.4rem)/1 'Courier New',monospace;margin:0;text-shadow:1px 2px #074b48}.brand{display:flex;align-items:baseline;gap:15px}.brand span{font-size:.75rem}nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}nav button{font-size:.85rem}.flag{padding:7px;width:48px}.flag img{display:block;width:30px;height:24px;object-fit:contain}.flag[aria-pressed=true]{outline:3px solid var(--yellow);outline-offset:0}h2{font:700 clamp(1.4rem,3vw,2rem)/1.15 Georgia,serif;margin:0 0 16px}h3{font:700 1.15rem/1.2 Georgia,serif;margin:0 0 10px}p{line-height:1.5}label{font-weight:650}small,.muted{color:#514e3c}.audio-strip{display:flex;align-items:center;gap:10px;padding:6px clamp(12px,2vw,30px);background:var(--paper);border-bottom:1px solid var(--line);min-height:58px}.audio-control{display:flex;align-items:center;gap:6px;max-width:260px;min-width:0}.audio-control button{font-size:.8rem;white-space:nowrap;padding:5px 8px}.audio-control input{width:130px}.ta-radio-source{flex:0 1 300px;min-width:190px;position:relative;padding-right:0}.ta-radio-source select{max-width:190px}.ta-radio-caption{position:absolute;left:198px;top:0;width:max-content;max-width:180px;gap:5px}.ta-radio-caption:has(a:not([hidden])){position:static;height:22px;min-height:22px}.ta-radio-caption a,.ta-radio-caption button{min-height:22px}.ta-radio-source:has(a:not([hidden])){display:grid;grid-template-columns:190px auto;gap:8px;align-items:center;flex-basis:380px}.ta-radio-source:has(a:not([hidden])) .ta-radio-caption{flex-wrap:wrap}.status-line{display:flex;align-items:center;gap:10px;min-height:36px;padding:3px clamp(12px,2vw,30px);font-size:.8rem}.status-line button{font-size:.75rem;min-height:30px;padding:3px 8px}.status-line #roomLabel{margin-left:auto;font-family:'Courier New',monospace;font-weight:700}.error{margin:5px 18px;padding:12px;background:#fff0e5;border:2px solid var(--red);color:#85251d}main{max-width:1550px;margin:0 auto;padding:12px clamp(10px,2vw,28px) 24px;min-height:65vh}footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:.7rem;padding:20px;color:#514e3c}footer a{display:inline-flex;align-items:center;min-height:44px}
.entry{display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1100px;margin:32px auto;align-items:center}.entry-paper{background:var(--paper);padding:35px clamp(22px,4vw,54px);box-shadow:3px 6px 0 #9e9477;transform:rotate(-.6deg);border-top:10px solid var(--yellow)}.entry-paper h2{font-size:clamp(2rem,4vw,3.3rem)}.entry-paper form{display:flex;flex-direction:column;gap:10px}.entry-actions{display:flex;gap:10px;flex-wrap:wrap}#joinFields{margin-top:12px;display:grid;gap:8px}.entry-keys{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:400px;transform:rotate(4deg)}.entry-keys>img{width:100%;border-radius:50%;filter:drop-shadow(3px 6px 1px #5d5945);user-select:none}.entry-keys .entry-machine{display:none}#playerCount{font-size:.8rem;margin:18px 0 0}
.lobby-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1.2fr);gap:22px;max-width:1100px;margin:auto}.lobby-sheet{background:var(--paper);padding:22px;border-top:7px solid var(--yellow)}.lobby-seat{display:flex;gap:10px;align-items:center;border-bottom:1px solid #c4b995;padding:12px 0}.lobby-seat strong{flex:1}.setup-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-top:18px}.setup-controls label{display:flex;gap:6px;flex-direction:column;font-size:.85rem}.setup-controls .check{flex-direction:row;align-items:center;min-height:44px}.character-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-picker button{padding:5px;font-size:.75rem}.character-picker img{width:100%;display:block;aspect-ratio:1.3;object-fit:contain}.character-picker button[aria-pressed=true]{outline:3px solid var(--deep);background:#f8d66b}.lobby-bottom{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.players{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.player{display:flex;align-items:center;gap:8px;min-height:48px;text-align:left;padding:6px 10px;flex:1;min-width:150px;background:var(--paper);border-bottom:4px solid var(--line)}.player.active{border-bottom-color:var(--red);background:#ffedb7}.player.selected{outline:2px solid var(--deep)}.player-name{flex:1;overflow-wrap:anywhere}.player small{display:block;font-size:.68rem}.player-score{font:900 1.4rem 'Courier New',monospace}.game-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:18px;align-items:start}.writing-desk{min-width:0}.reference,.machine-area{min-width:0}.reference>h3{margin-top:13px}.event-card{display:block;border:0;background:none;padding:0;width:100%;min-height:0}.event-card img{width:100%;max-height:245px;object-fit:contain;display:block}.event-copy{font-size:.85rem;line-height:1.4}.common-row{display:flex;align-items:center;gap:12px}.common-row p{font-size:.75rem}.offer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offer .key-wrap{min-width:0}.offer .key-button{width:80px;max-width:100%}.offer .inspect{font-size:.68rem;padding:3px;min-height:30px}.paper{background:var(--paper);padding:15px 18px 14px;position:relative;border-top:10px solid #313d39;box-shadow:0 5px 0 #91876b}.paper-meta{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:700;min-height:22px}.word-display{font:900 clamp(1.8rem,3.5vw,3.2rem)/1.2 'Courier New',monospace;min-height:65px;overflow-wrap:anywhere;padding:8px 0;border-bottom:2px solid #b2a47f}.word-keys{display:flex;flex-wrap:wrap;gap:5px;min-height:20px;margin-top:8px}.word-keys .letter-chip{border:1px solid var(--line);padding:5px 9px;font-family:'Courier New',monospace;min-width:34px;background:#f5e5b9}.word-keys .letter-chip small{font-size:.65rem;margin-left:4px}.word-keys button{min-height:38px}#draftControls{display:flex;gap:8px;margin-top:12px}#wordInput{flex:1;min-width:0;font-family:'Courier New',monospace;font-weight:700;font-size:1.1rem;text-transform:uppercase}#wordNote{font-size:.8rem;min-height:1.4em;margin:5px 0 0}.pool{background:var(--teal);padding:22px 16px 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px;border:6px solid var(--deep);border-top:0;border-radius:0 0 28px 28px;min-height:190px;margin-top:6px;user-select:none}.key-wrap{display:flex;flex-direction:column;align-items:center;width:90px;position:relative}.key-button{display:block;width:86px;aspect-ratio:1;border:0;border-radius:50%;padding:0;min-height:0;box-shadow:0 6px 0 #303631,1px 9px 5px #00312d;position:relative;background:#fff8e9;isolation:isolate}.key-button img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;pointer-events:none;-webkit-user-drag:none}.key-button:hover{outline:3px solid var(--yellow);outline-offset:2px}.key-button:active{translate:0 5px;box-shadow:0 1px 0 #303631}.key-button.selected{outline:4px solid var(--yellow);outline-offset:3px;translate:0 -3px}.key-button.used{opacity:.55;box-shadow:0 2px 0 #303631}.inspect{border:0;background:none;box-shadow:none;color:var(--paper);font-size:.7rem;min-height:30px;padding:4px 5px;margin-top:7px;text-decoration:underline}.offer .inspect,.bank-zones .inspect,.dialog-keys .inspect{color:var(--ink)}.key-wrap small{font-size:.67rem;margin-top:7px;color:var(--paper)}.bank-zones{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.bank-zone{min-width:0;background:#e9dcb8;border:1.5px solid #817454;padding:12px}.bank-zone h3{font-size:1rem;display:flex;justify-content:space-between}.banked-list{display:flex;flex-wrap:wrap;gap:7px}.banked-list .key-wrap{width:50px}.banked-list .key-button{width:48px;box-shadow:0 2px #6a6656}.banked-list .inspect{display:none}.bank-zone p{font-size:.75rem;margin:5px 0}.machine{position:relative;aspect-ratio:1.303}.machine>img{width:100%;height:100%;object-fit:contain;display:block}.typing-token{position:absolute;width:7%;height:9%;border-radius:50%;background:var(--yellow);border:2px solid #4e4015;box-shadow:0 2px 0 #302c16;translate:-50% -50%;pointer-events:none;transition:left .4s,top .4s}.meter-summary{font:700 1rem 'Courier New',monospace;display:flex;align-items:center;justify-content:space-between;margin:7px 0}.meter-abilities{display:grid;gap:5px}.ability{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:5px 8px;font-size:.74rem;min-height:44px}.ability b{min-width:27px;min-height:27px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor}.ability.green b{background:#c2e7cd;color:#1b5035}.ability.purple b{background:#e6cfeb;color:#5e2d70}.ability.orange b{background:#f6dfa2;color:#67441d}.ability.unavailable{background:#ded6c0;color:#56513e}.ability.chosen{background:#cde6ca}.action-strip{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px -3px 0;padding:12px 15px;background:var(--paper);border:2px solid var(--deep);box-shadow:0 -3px 0 #b7aa87;min-height:80px}.action-strip .instruction{flex:1;min-width:180px}.action-strip .instruction strong{display:block;font-size:1.05rem}.action-strip small{display:block;margin-top:3px;line-height:1.4}.recap{padding-top:20px}.recap summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.recap ol{font-size:.82rem;line-height:1.6;max-height:230px;overflow:auto;margin:0;padding-left:24px}.setup-area{background:var(--paper);padding:25px;margin:15px auto;max-width:950px}.setup-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px}.setup-row .key-wrap{width:100px}.setup-row .key-button{width:90px}.setup-row .inspect{color:var(--ink)}.setup-row small{color:var(--ink)}.setup-area .confirm-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.results{background:var(--paper);padding:25px;border-top:8px solid var(--yellow);margin-bottom:15px}.result-row{display:grid;grid-template-columns:1fr repeat(4,minmax(55px,auto));gap:12px;padding:12px 0;border-bottom:1px solid #ac9f7e;align-items:center}.result-row.winner{font-weight:800;background:#ffe7a0}.result-row small{display:block}.result-row strong{font-size:1.5rem}.results table{width:100%;border-collapse:collapse}.results td,.results th{padding:9px;border-bottom:1px solid #ac9f7e;text-align:left}.results th{font-size:.75rem}.results .result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ribbon{background:var(--red);color:var(--paper);padding:10px 15px;font:700 1.3rem 'Courier New',monospace}
dialog{width:min(800px,calc(100% - 24px));max-height:90dvh;background:var(--paper);color:var(--ink);border:3px solid var(--deep);padding:20px;border-radius:8px}dialog::backdrop{background:#102c2bba}.close{float:right;margin-bottom:10px}.dialog-art{max-width:100%;max-height:65vh;object-fit:contain;display:block;margin:15px auto}.dialog-keys{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.dialog-keys .key-wrap{width:90px}.dialog-keys .key-button{width:80px}.dialog-keys small{color:var(--ink)}.dialog-footer{position:sticky;bottom:-20px;background:var(--paper);padding:12px 0 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.selection-label{font-weight:700;margin-top:14px}.effect-preview{background:#eadab1;padding:10px;margin:12px 0}.transition{position:fixed;z-index:15;left:50%;top:32%;translate:-50% 0;pointer-events:none;background:var(--yellow);border:5px solid var(--ink);padding:20px 35px;font:900 clamp(1.8rem,4vw,3.5rem) 'Courier New',monospace;box-shadow:6px 7px 0 #1b2f2b;max-width:90vw;text-align:center;animation:carriage 1.6s both}.transition small{font:700 1rem Segoe UI,sans-serif;display:block;margin-top:7px}.fly-key{position:fixed;width:70px;height:70px;z-index:25;border-radius:50%;pointer-events:none}.confetti-letter{position:fixed;pointer-events:none;z-index:24;background:var(--paper);color:var(--ink);padding:6px 10px;font:900 1.3rem 'Courier New',monospace}.selected-count{font-size:.85rem}.info-note{font-size:.78rem;border-top:1px solid #ac9f7e;padding-top:12px}.replay-word{font:800 1.9rem 'Courier New',monospace;color:var(--red)}
@keyframes carriage{0%{transform:translateX(90vw) rotate(4deg)}18%,75%{transform:translateX(0) rotate(-1deg)}100%{transform:translateX(-100vw) rotate(-4deg)}}
@media(min-width:1550px){.game-layout{grid-template-columns:230px minmax(0,1fr) 330px}.key-wrap{width:100px}.key-button{width:94px}.pool{gap:18px 14px}}
@media(max-width:1150px){.game-layout{grid-template-columns:180px minmax(0,1fr)}.machine-area{grid-column:1/-1;display:grid;grid-template-columns:280px 1fr;gap:18px}.meter-abilities{grid-template-columns:repeat(2,minmax(0,1fr))}.meter-summary{grid-column:1/-1}.machine-area .machine-wrap{grid-row:1/3}.key-wrap{width:80px}.key-button{width:76px}.audio-strip{flex-wrap:wrap}.brand span{display:none}}
@media(max-width:740px){header{padding:9px 10px;gap:10px;align-items:start}h1{padding-top:8px}nav{justify-content:end;gap:4px}nav button{padding:5px 8px;font-size:.74rem}.flag{width:44px}nav .flag img{width:26px}#leave{order:5}.audio-strip{padding:5px 10px;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.ta-radio-source,.ta-radio-source:has(a:not([hidden])){min-width:0;display:flex;grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;max-width:none}.ta-radio-source select{max-width:210px;min-width:180px}.ta-radio-source label{flex:1}.ta-radio-caption,.ta-radio-source:has(a:not([hidden])) .ta-radio-caption{position:static;max-width:100%;flex:1;flex-wrap:wrap;height:auto;min-height:0;font-size:.65rem}.ta-radio-caption a,.ta-radio-caption button{min-height:22px}.audio-control{max-width:none}.audio-control button{min-width:68px;font-size:.73rem}.audio-control input{width:100%;flex:1}.status-line{padding:3px 10px;flex-wrap:wrap;gap:6px;min-height:36px}.status-line #roomLabel{margin-left:auto}.entry{grid-template-columns:1fr;margin:12px auto;max-width:500px;gap:26px}.entry-paper{padding:24px;transform:none}.entry-keys{grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;transform:none;gap:8px}.lobby-layout{grid-template-columns:1fr;gap:15px}.lobby-sheet{padding:17px}.character-picker{gap:7px}.setup-controls{gap:10px}.game-layout{grid-template-columns:1fr;gap:12px}.reference{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:start}.event-block{grid-row:1/4;min-width:0}.event-card img{max-height:160px;width:auto;max-width:100%;margin:auto}.event-copy{font-size:.73rem;margin:5px 0;line-height:1.35}.event-block h3{font-size:1rem}.offer-block h3,.common-block h3{font-size:.9rem;margin:4px 0}.offer{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.offer .key-button{width:54px}.offer .key-wrap{width:auto}.offer .inspect{font-size:.65rem;min-height:30px;overflow-wrap:anywhere}.common-row{gap:6px}.common-row .key-button{width:58px}.common-row .key-wrap{width:62px}.common-row p{font-size:.68rem;margin:0}.reference .offer-block{grid-column:1/-1}.writing-desk{grid-row:2}.paper{padding:10px 12px;border-top-width:8px}.paper-meta{font-size:.69rem}.word-display{min-height:48px;font-size:1.8rem}.pool{padding:16px 8px;gap:13px 8px;min-height:150px;border-width:4px}.key-wrap{width:67px}.key-button{width:64px}.pool .inspect{font-size:.65rem}.bank-zones{gap:8px}.bank-zone{padding:9px}.machine-area{grid-column:auto;display:block}.machine-wrap{max-width:340px;margin:0 auto}.meter-abilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ability{font-size:.72rem}.action-strip{padding:10px;gap:7px;bottom:0;min-height:85px}.action-strip .instruction{min-width:100%;flex-basis:100%}.action-strip .instruction strong{font-size:.92rem}.action-strip small{font-size:.7rem}.action-strip button{font-size:.8rem;padding:8px 10px}.players{gap:5px}.player{min-width:calc(50% - 5px);padding:4px 8px;min-height:48px;font-size:.8rem}.player-score{font-size:1.2rem}.player small{font-size:.62rem}#wordInput{font-size:.9rem}#wordNote{font-size:.72rem}.setup-area{padding:18px 13px}.setup-row{padding:14px 0;gap:11px}.setup-row .key-wrap{width:70px}.setup-row .key-button{width:66px}.results{padding:16px 10px}.results th,.results td{padding:6px 4px;font-size:.72rem}.results td strong{font-size:1.3rem}.transition{top:38%;padding:16px;font-size:1.8rem}.status-line button{min-height:36px}dialog{padding:15px}footer{font-size:.65rem;gap:5px}.banked-list .key-button{width:44px}.banked-list .key-wrap{width:46px}}
@media(max-width:360px){nav button{font-size:.68rem;padding:5px 6px}nav{max-width:190px}h1{font-size:1.45rem}.key-wrap{width:62px}.key-button{width:58px}.pool{gap:12px 7px}.character-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-radio-source select{min-width:145px;width:145px}.audio-control button{min-width:58px;padding:4px}.setup-controls{display:grid;grid-template-columns:1fr 1fr}}
.calm *, .calm *::before,.calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calm .transition{display:none!important}
.reference .inspect{color:var(--ink)}.inspect,.offer .inspect{min-height:44px;min-width:44px}.status-line button{min-height:44px}.ta-radio-caption a,.ta-radio-caption button{min-height:44px}.ta-radio-source:has(a:not([hidden])) .ta-radio-caption{min-height:44px}.ability.unavailable{opacity:1}
.ta-radio-caption a{min-width:44px}
header button:focus-visible,.pool button:focus-visible{outline-color:var(--paper)}
@media(max-width:740px){#source{grid-column:1/-1;min-width:0}.audio-control{width:100%;min-width:0}.audio-control button{min-width:0;max-width:105px;white-space:normal;line-height:1.1}.audio-control input{min-width:45px;width:45px}.writing-desk{grid-row:1}.reference{grid-row:2}.event-card img{max-height:120px}.event-block .event-card img{max-height:110px}.event-copy{font-size:.75rem}.machine-area{grid-row:3}}
@media(max-width:740px){header{position:relative;display:block}.brand{height:44px;align-items:center}.brand h1{padding:0}nav{max-width:none;justify-content:flex-start;margin-top:4px}nav #english,nav #french{position:absolute;top:9px}nav #english{right:58px}nav #french{right:10px}nav #leave{order:0}#invite{max-width:90px;white-space:normal;line-height:1.15}#wordKeys:empty{display:none}.paper:has(#draftControls:not([hidden])) #wordNote{display:none}.paper #wordNote{line-height:1.35}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.transition{display:none!important}}