:root{--paper:#f5efe4;--ink:#292b2a;--muted:#5c5e59;--line:#77796d;--yellow:#e9b940;--blue:#487bb5;--pink:#c56286;--green:#27653e;--cream:#fffdf6;font-family:'Trebuchet MS','Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select{font:inherit;color:inherit}button,.button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:7px;background:var(--cream);padding:.6rem .9rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background .14s,transform .14s;touch-action:manipulation}button:hover,.button:hover{background:#fff}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0e5269;outline-offset:4px}a{color:#23577a}input:not([type=checkbox]):not([type=range]),select{width:100%;min-height:46px;border:1px solid var(--line);background:#fffdf8;border-radius:5px;padding:.65rem .75rem}label{font-weight:700}h1,h2,h3,p{margin:0}h2{font-size:1.25rem;line-height:1.3}p{line-height:1.5}small,.fine{font-size:.85rem;color:var(--muted);line-height:1.45}img{max-width:100%}button img{pointer-events:none}.primary,.confirm{background:var(--green);border-color:var(--green);color:#fff}.primary:hover,.confirm:hover{background:#1e5031}.secondary{background:#e9b940;border-color:#8b6b17}.text-button{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:1rem}.skip:focus{top:8px}
.topbar{min-height:68px;padding:.55rem clamp(.65rem,2vw,2rem);display:flex;align-items:center;gap:1.2rem;border-bottom:1px solid #d3cbbd;background:var(--cream);position:relative;z-index:5}.wordmark{font-size:1.45rem;font-weight:900;color:var(--ink);letter-spacing:-.08em;white-space:nowrap;text-decoration:none}.wordmark span{color:#8b5069;font-size:1rem;margin-inline:.15rem}.topbar nav{display:flex;align-items:center;gap:.45rem;margin-left:auto}.topbar nav button{background:transparent;border-color:transparent;font-size:.85rem}.topbar nav .flag{border:2px solid transparent;padding:8px;min-width:46px;min-height:44px;border-radius:4px}.flag svg{width:28px;height:20px}.topbar nav .flag[aria-pressed=true]{border-color:var(--ink)}#connection{font-size:.78rem;max-width:230px}.online{color:var(--green)}.offline{color:#8c4628}.loading{padding:5rem 1rem;text-align:center;font-size:1.2rem}#toast{position:fixed;bottom:24px;left:50%;max-width:calc(100% - 32px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:40;background:var(--ink);color:white;padding:.8rem 1.2rem;border-radius:7px;box-shadow:0 4px 18px #0002;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}
.home,.lobby{max-width:1500px;margin:auto;min-height:calc(100dvh - 69px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:clamp(1rem,3vw,3rem);align-items:center;padding:1rem clamp(1rem,3vw,3rem) 2rem}.home-table,.lobby-table{position:relative;aspect-ratio:1.15;min-width:0}.home-table>svg,.lobby-table>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.box-title{position:absolute;left:37%;top:22%;transform:rotate(-7deg);font-size:clamp(3rem,6.5vw,7rem);font-weight:1000;line-height:.8;letter-spacing:-.09em;text-align:center;z-index:2;text-shadow:3px 3px 0 var(--cream)}.box-title span{font-size:.65em;color:#8f4e6a}.box-card{position:absolute;width:20%;border-radius:6%;box-shadow:2px 7px 10px #382b2926}.box-card-0{left:7%;top:13%;transform:rotate(-15deg)}.box-card-1{right:4%;top:12%;transform:rotate(13deg)}.box-card-2{left:18%;bottom:3%;transform:rotate(-8deg)}.box-card-3{right:15%;bottom:8%;transform:rotate(11deg)}.box-card-4{left:44%;bottom:7%;transform:rotate(-3deg)}.home .box-card{animation:open-box .65s backwards}.box-card-1{animation-delay:.08s!important}.box-card-2{animation-delay:.16s!important}.box-card-3{animation-delay:.24s!important}.box-card-4{animation-delay:.32s!important}.entry{max-width:410px;min-width:0}.entry h2{font-size:clamp(1.8rem,2.7vw,2.7rem);letter-spacing:-.04em;margin-bottom:1rem}.entry>p{margin-bottom:.6rem}.entry form{display:flex;flex-direction:column;gap:.65rem;margin-top:1.4rem}.entry .primary{min-height:52px}.entry #join-fields{display:flex;flex-direction:column;gap:.6rem;margin-top:.2rem}.entry #room-code{text-transform:uppercase;letter-spacing:.14em;font-weight:700}.entry>.text-button{padding-left:0;justify-content:flex-start;margin-top:.6rem}.credits{font-size:.7rem;color:var(--muted);margin-top:1.8rem!important}.home-tip{margin-top:.5rem}.ring{stroke-width:11;fill-opacity:.075;stroke-linecap:round}.ring.attribute{stroke:var(--yellow);fill:var(--yellow)}.ring.word{stroke:var(--blue);fill:var(--blue)}.ring.context{stroke:var(--pink);fill:var(--pink)}.lobby-table .box-title{top:12%;font-size:clamp(3rem,5vw,6rem)}.lobby-caption{position:absolute;left:0;right:0;top:52%;text-align:center;display:flex;align-items:center;flex-direction:column;gap:.8rem}.room-code{font-size:2rem;letter-spacing:.15em;font-weight:800}.lobby-controls{width:100%;max-width:440px}.people{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem}.person{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.45rem .55rem;border-radius:6px}.person.active{background:#f6dfa1;outline:2px solid #9b711b}.person.self .initial{border:2px solid var(--ink)}.initial{width:38px;height:38px;display:grid;place-items:center;background:#fffdf6;border-radius:50%;font-size:1.1rem;font-weight:800;flex-shrink:0}.person-name{display:block;min-width:0;overflow-wrap:anywhere;font-weight:700;font-size:.95rem;line-height:1.25}.person-name>small{display:block;font-size:.7rem;font-weight:400;margin-top:.15rem}.person-name>small:first-child{display:inline}.person strong{margin-left:auto;font-size:1.3rem;min-width:1.5rem;text-align:center}.person button{padding:.3rem;border:0;background:transparent}.lobby-options{display:grid;gap:.55rem}.lobby-options select{margin-bottom:.7rem}.check{display:flex;align-items:center;gap:.65rem;min-height:44px;font-weight:600;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--green)}.ready-check{margin:.65rem 0}.lobby-controls>.primary{width:100%;margin-bottom:.65rem}.lobby-controls>.fine{margin-top:.5rem}
.game{max-width:1800px;margin:auto;padding:.65rem clamp(.5rem,1.5vw,1.6rem) 1.5rem}.players-rail{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;align-items:center}.players-rail .person{flex:1;max-width:270px;min-width:140px;background:#fffaf0}.players-rail .person.active{background:#f6dfa1}.action-strip{background:var(--cream);border:1px solid #a5a18f;border-radius:8px;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:80px;position:sticky;top:0;z-index:4}.action-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.action-copy strong{font-size:1.05rem}.action-copy span{font-size:.9rem;line-height:1.3}.action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.saving{min-width:44px;text-align:center}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;column-gap:1.2rem;align-items:start}.board-area{min-width:0}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}.board-heading h2{font-size:1rem}.board-heading>div{display:flex;gap:.4rem}.board-heading button{border:0;background:transparent;font-size:.8rem;padding:.4rem .55rem}.board{position:relative;aspect-ratio:1000/800;width:100%;max-width:1040px;margin:auto;isolation:isolate}.board>svg{width:100%;height:100%;display:block}.board .ring{stroke-width:10;fill-opacity:.08}.ring-labels{position:absolute;inset:0;pointer-events:none}.category{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;border-radius:4px;font-size:.82rem;font-weight:700;padding:.3rem .55rem;color:var(--ink);border:1px solid #817461;background:var(--paper);white-space:nowrap}.category.attribute{background:#f2d67e;border-color:#94711c}.category.word{background:#c8d9ed;border-color:#4776a9}.category.context{background:#ecd0dc;border-color:#a45875}.ring-labels .category{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-30%);z-index:2}.region{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:18%;min-width:44px;height:23%;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:2px solid transparent;background:transparent;border-radius:20px;padding:.35rem;transition:background .16s,border-color .16s}.region:hover{background:#fffdf68c}.region:active{transform:translate(-50%,-50%)}.region-name{font-size:clamp(.65rem,.9vw,.8rem);line-height:1.2;background:#fffaf0eb;padding:.2rem .3rem;border-radius:3px;position:relative;z-index:2;max-width:100%;white-space:normal}.region-cards{position:relative;display:block;width:70%;height:75%;pointer-events:none}.region:not(.has-cards) .region-cards{display:none}.board-card{position:absolute;height:100%;max-width:100%;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc((var(--i,1) - .5)*8deg));border-radius:5px;filter:drop-shadow(1px 3px 2px #2928203b)}.board-card:first-child:not(:last-child){transform:translate(-65%,-50%) rotate(-9deg)}.board-card.proposed{outline:3px dashed #244f6d;outline-offset:3px;transform:translate(-50%,-50%) rotate(0)}.region.chosen{background:#ffffff9e;border:3px solid var(--green);box-shadow:0 0 0 3px #fff8}.region.available:not(.has-cards){border:2px dashed #8c8879}.board.aiming .region{cursor:crosshair}.board.aiming .region:hover{background:#fffdf6c9;border-color:#525b4a}.board.aiming .region.chosen{border-color:var(--green)}.receipt{min-height:1.7rem;font-size:.9rem;text-align:center;color:#354b39;margin:.3rem 0}.receipt.arrived{animation:receipt .3s ease-out}#side-area{padding:1rem 0;min-width:0}#side-area>h2{font-size:1rem;margin:.3rem 0 .5rem}.private-rules{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.rule-card{background:transparent;border:0;padding:0;display:grid;grid-template-columns:85px minmax(0,1fr);gap:.6rem;min-width:0;text-align:left}.rule-card>img{width:85px;border-radius:5px;box-shadow:1px 3px 5px #0002}.rule-card>span{font-size:.88rem;line-height:1.3}.deduction h2{font-size:1rem;margin-bottom:1.2rem}.deduction>p{margin-bottom:1.2rem}.deduction>p>span:last-child{display:block;font-size:.85rem;margin-top:.4rem;color:var(--muted)}.hand-area{grid-column:1/-1;min-width:0;margin-top:.4rem}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0 .8rem}.hand-heading h2{font-size:1.1rem}.hand-heading button{font-size:.85rem}.hand{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:clamp(.6rem,1.3vw,1.5rem);min-height:100px;padding:.6rem .4rem 1rem}.thing-card{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:3px solid transparent;border-radius:9px;padding:0;width:clamp(105px,10vw,150px);flex:0 0 auto;touch-action:pan-y;position:relative;transition:transform .2s,border-color .15s;user-select:none;-webkit-user-select:none}.thing-card>img{width:100%;aspect-ratio:416/634;object-fit:contain;border-radius:6px;box-shadow:1px 5px 8px #3b302c2b}.thing-card:hover{background:transparent;border-color:#948f7d}.thing-card:active{transform:none}.thing-card.selected{border-color:var(--green);transform:translateY(-8px);background:#fffdf6;box-shadow:0 0 0 3px #fffdf6}.thing-card:disabled{opacity:1}.thing-card:disabled>img{filter:none}.thing-card.selected:active{transform:translateY(-8px)}.translated-name{font-size:.8rem;line-height:1.2;padding:.4rem .15rem;min-height:2.3rem}.empty-hand{padding:2rem;color:var(--muted)}.english-note{text-align:center;padding-top:.25rem;max-width:850px;margin:auto}.dragging,.dragging *{cursor:grabbing!important;user-select:none!important}.dragging .thing-card{touch-action:none}#follower{position:fixed;left:0;top:0;z-index:30;pointer-events:none;display:none;filter:drop-shadow(3px 10px 9px #0005)}#follower img{width:100%;border-radius:7px}.dragging #follower{display:block}
dialog{border:1px solid #8d8c7c;border-radius:12px;padding:2rem;max-width:min(750px,calc(100vw - 24px));max-height:calc(100dvh - 36px);color:var(--ink);background:var(--cream);box-shadow:0 12px 60px #0004}dialog::backdrop{background:#242c2569}dialog h2{padding-right:2rem;margin-bottom:1rem}dialog p{margin-bottom:1rem}dialog .close{position:absolute;right:8px;top:8px;font-size:1.6rem;border:0;background:transparent;padding:.1rem .5rem}dialog .lead{font-size:1.15rem}.help-rings{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.inspection{display:block;width:min(310px,100%);margin:0 auto 1rem;border-radius:8px}.rule-inspection{width:min(280px,100%)}.region-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.gallery-card{border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:.3rem}.gallery-card img{border-radius:6px}.gallery-card span{font-size:.8rem}.audio-setting{padding:1rem 0;border-bottom:1px solid #c3c1b3}.audio-setting>label:first-child{display:flex;justify-content:space-between;gap:2rem}.audio-setting input[type=range]{width:100%;min-height:44px;accent-color:var(--green)}.dialog-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.history{list-style:none;padding:0}.history li{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #d8d3c5}.history li>img{width:65px;height:100px;object-fit:contain}.history li p{margin:.25rem 0}.result h2{font-size:1.5rem;margin-bottom:.5rem}.result>p{font-size:.85rem;margin-bottom:1rem}.result-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.result-buttons button{font-size:.8rem}.revealed-rules{margin-top:1.5rem}.revealed-rules h3{margin-bottom:1rem}.revealed-rules .rule-card{margin-bottom:.8rem}.finish-trail{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.finish-card{width:60px;border-radius:4px;animation:finish-land .5s both}.practice{max-width:1000px;padding:1rem;margin:auto}.practice-heading{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}.practice-heading h1{font-size:1.3rem;margin-bottom:.4rem}.practice-heading p{font-size:.9rem;color:var(--muted)}.practice-board{max-width:700px}.practice .hand{padding-top:1rem}.practice .thing-card{width:130px}.practice .region-name{font-size:.9rem}.practice .action-strip{min-height:80px}
@keyframes open-box{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes receipt{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes finish-land{from{opacity:0;transform:translateY(-15px) rotate(-9deg)}to{opacity:1;transform:none}}
@media(min-width:1001px){.table-layout{grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto 1fr;column-gap:1.4rem}.board-area{grid-column:1;grid-row:1/3}.board{max-width:min(100%,calc((100dvh - 280px)*1.25));min-width:460px}.hand-area{grid-column:2;grid-row:1;margin-top:.9rem}.hand{gap:.6rem;justify-content:flex-start}.thing-card{width:calc((100% - 1.2rem)/3);max-width:125px}.hand-heading{flex-wrap:wrap;gap:.4rem}.hand-heading button{font-size:.75rem;min-height:44px;padding:.4rem}.english-note{font-size:.72rem;text-align:left}#side-area{grid-column:2;grid-row:2;padding-top:1.2rem}.private-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.private-rules .rule-card{display:flex;flex-direction:column;gap:.4rem;text-align:center;align-items:center}.private-rules .rule-card img{width:90px}.private-rules .rule-card span{font-size:.75rem}.deduction{display:none}.practice-board{max-width:min(700px,calc((100dvh - 450px)*1.25));min-width:350px}.practice .hand{justify-content:center}.practice .thing-card{width:110px}.practice .hand-heading{max-width:700px;margin:auto}}
@media(min-width:1700px){.table-layout{grid-template-columns:minmax(0,1fr) 440px}.thing-card{max-width:140px;width:calc((100% - 2rem)/3)}.hand{gap:1rem}.private-rules .rule-card img{width:110px}}
@media(min-width:1001px){.clue-layout .table-layout{grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto}.clue-layout .board-area{grid-column:1;grid-row:1}.clue-layout .board{max-width:min(100%,calc((100dvh - 560px)*1.25));min-width:350px}.clue-layout #side-area{grid-column:2;grid-row:1;padding-top:1rem}.clue-layout .private-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.clue-layout .private-rules .rule-card{display:flex;flex-direction:column;text-align:center}.clue-layout .private-rules .rule-card img{width:90px}.clue-layout .private-rules .rule-card span{font-size:.8rem}.clue-layout .hand-area{grid-column:1/-1;grid-row:2;margin-top:.3rem}.clue-layout .hand{justify-content:center;gap:.6rem}.clue-layout .thing-card{width:clamp(95px,7.7vw,115px)}.clue-layout .english-note{text-align:center}.clue-layout .hand-heading{flex-wrap:nowrap}.knower-wait .hand-area{display:none}.knower-wait #side-area{grid-row:1/3}.clue-summary{margin-top:1rem;font-size:.8rem}}
.board-card.staged-card{outline:3px solid var(--green);outline-offset:3px;transform:translate(-50%,-50%);opacity:1}.thing-card{touch-action:none}.person-name>small:first-child{display:block}
.ring.attribute{stroke:var(--blue);fill:var(--blue)}.ring.word{stroke:var(--yellow);fill:var(--yellow)}.category.attribute{background:#c8d9ed;border-color:#4776a9}.category.word{background:#f2d67e;border-color:#94711c}
.ring-outline{stroke:#5b6054;stroke-width:13;fill:none}.board .ring-outline{stroke-width:14}
.wordmark{display:inline-flex;align-items:center;min-height:44px}.topbar nav .flag{min-width:44px;min-height:44px}.hand-shortcut,.board-shortcut{display:none}#hand,#board{scroll-margin-top:145px}
@media(max-width:700px){.action-strip{position:sticky;top:0}.hand-shortcut,.board-shortcut{display:inline-flex;font-size:.7rem;padding:.35rem .5rem}.hand-heading{flex-wrap:wrap}.board-heading>div{flex-wrap:wrap;justify-content:flex-end}.board-heading h2{max-width:90px}.hand-heading h2{margin-right:auto}}
@media(min-width:1200px){.clue-layout .table-layout{grid-template-columns:minmax(350px,1fr) minmax(350px,1fr) minmax(190px,.48fr);gap:1rem}.clue-layout .board-area{grid-column:1;grid-row:1}.clue-layout .board{min-width:0;max-width:min(100%,calc((100dvh - 340px)*1.25))}.clue-layout .hand-area{grid-column:2;grid-row:1;min-width:0}.clue-layout .hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;align-items:start;justify-items:center;padding-inline:0}.clue-layout .thing-card{width:100%;max-width:130px;min-width:0}.clue-layout #side-area{grid-column:3;grid-row:1}.clue-layout .hand-heading{flex-wrap:wrap}.clue-layout .private-rules{grid-template-columns:1fr}.clue-layout .private-rules .rule-card{display:grid;grid-template-columns:64px minmax(0,1fr);text-align:left}.clue-layout .private-rules .rule-card img{width:64px}.clue-layout .english-note{text-align:left}}
@media(max-width:1000px){.topbar{gap:.5rem}.topbar nav{gap:.15rem}.home,.lobby{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);padding-inline:1rem;gap:1rem}.home-table,.lobby-table{aspect-ratio:.85}.home-table>svg,.lobby-table>svg{top:10%;height:85%}.box-card{width:26%}.box-card-0{top:22%;left:0}.box-card-1{top:22%;right:0}.box-card-2{bottom:13%;left:3%}.box-card-3{bottom:13%;right:2%}.box-card-4{display:none}.box-title{top:32%;left:26%;font-size:clamp(2.8rem,7vw,5rem)}.table-layout{grid-template-columns:minmax(0,1fr) 190px;gap:.6rem}.rule-card{grid-template-columns:70px minmax(0,1fr);gap:.4rem}.rule-card>img{width:70px}.rule-card>span{font-size:.8rem}.region{width:20%}.players-rail .person{min-width:135px}.thing-card{width:125px}.hand{gap:.6rem}.region-name{font-size:.65rem}.lobby-caption{top:51%}.lobby-table .box-title{top:22%;left:25%}.lobby-controls{padding-block:1rem}}
@media(max-width:700px){.topbar{padding:.4rem .5rem;flex-wrap:wrap;min-height:60px}.wordmark{font-size:1.2rem}.topbar nav{margin-left:auto;gap:0}.topbar nav button{font-size:.7rem;padding:.4rem}.topbar nav .flag{padding:6px;min-width:42px}.flag svg{width:26px}#connection{order:3;max-width:none;width:100%;font-size:.7rem}.topbar #connection:empty{display:none}.home,.lobby{display:flex;flex-direction:column;gap:0;padding:.3rem 1rem 1.5rem;min-height:0}.home-table{width:min(100%,440px);aspect-ratio:1.55;min-height:220px}.home-table>svg{inset:0;height:100%;width:100%}.box-title{top:24%;left:35%;font-size:3.8rem}.box-card{width:20%}.box-card-0{left:8%;top:13%}.box-card-1{right:4%;top:13%}.box-card-2{left:17%;bottom:0}.box-card-3{right:16%;bottom:0}.entry{width:100%;max-width:430px}.entry h2{font-size:1.65rem;margin-top:1rem;margin-bottom:.6rem}.entry form{margin-top:1rem}.entry .credits{margin-top:.7rem!important}.entry .home-tip{display:none}.lobby-table{width:100%;aspect-ratio:2;min-height:210px}.lobby-table>svg{inset:0;height:100%}.lobby-table .box-title{left:8%;top:18%;font-size:3rem}.lobby-caption{left:42%;top:15%;right:0;gap:.5rem}.lobby-caption h2{font-size:1rem}.room-code{font-size:1.4rem}.lobby-caption .fine{display:none}.lobby-controls{max-width:none}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.person-name{font-size:.85rem}.person-name>small{font-size:.65rem}.initial{width:30px;height:30px}.person strong{font-size:1.1rem}.game{padding:.4rem .5rem 1rem}.players-rail{gap:.25rem}.players-rail .person{min-width:110px;padding:.3rem;flex-basis:30%}.players-rail .initial{width:26px;height:26px;font-size:.8rem}.players-rail .person-name{font-size:.8rem}.players-rail .person-name>small{font-size:.6rem}.players-rail .person-name>small:first-child{display:none}.action-strip{padding:.6rem;gap:.5rem;min-height:90px;flex-wrap:wrap;position:relative}.action-copy strong{font-size:.95rem}.action-copy span{font-size:.8rem}.action-buttons{margin-left:auto}.action-buttons button{font-size:.85rem}.table-layout{display:flex;flex-direction:column;gap:0}.board-area{width:100%;order:1}.board-heading{padding:.3rem 0}.board-heading h2{font-size:.9rem}.board-heading button{font-size:.72rem;padding:.35rem}.board{min-height:0;max-width:650px}.board .ring{stroke-width:12}.region{width:22%;height:24%;padding:.1rem;border-radius:12px}.region-name{font-size:.65rem;padding:.15rem}.region-cards{width:75%;height:74%}.category{font-size:.65rem;padding:.2rem .3rem}.ring-labels .category{transform:translate(-50%,-30%)}.hand-area{width:100%;order:2;margin-top:0}.hand-heading{gap:.3rem;padding:.25rem 0 .65rem}.hand-heading h2{font-size:1rem}.hand-heading button{font-size:.72rem}.hand{gap:.4rem;padding:.5rem 0}.thing-card{width:calc((100% - 1.2rem)/4);max-width:130px;min-width:80px;border-width:2px;border-radius:6px}.thing-card>img{border-radius:5px}.thing-card.selected{transform:translateY(-5px)}.translated-name{font-size:.7rem;min-height:2rem}.english-note{font-size:.72rem;margin-top:.5rem}.receipt{font-size:.8rem;min-height:2.5rem;margin-top:.1rem}.empty-hand{padding:1rem}#side-area{order:3;width:100%;padding:.8rem 0}.private-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.rule-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.rule-card>img{width:100%;max-width:120px}.rule-card>span{font-size:.78rem}.deduction{display:none}.revealed-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.revealed-rules h3{grid-column:1/-1}.result{padding:1rem;background:#fffaf0;border-radius:8px}.finish-card{width:65px}.result-buttons button{font-size:.85rem}dialog{padding:1.5rem 1rem}.region-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.practice{padding:.7rem}.practice-heading{flex-wrap:wrap}.practice-heading h1{font-size:1.05rem}.practice .thing-card{width:100px}.practice .region-name{font-size:.75rem}}
@media(max-width:380px){.wordmark{font-size:1rem}.wordmark span{font-size:.8rem}.topbar nav button{font-size:.65rem;max-width:80px;white-space:normal}.topbar nav .flag{min-width:38px;padding:5px}.flag svg{width:24px}.home-table{min-height:190px}.box-title{font-size:3.2rem}.players-rail .person{min-width:96px}.players-rail .initial{display:none}.thing-card{width:calc((100% - .8rem)/3)}.category{font-size:.6rem}.region{width:24%}.region-name{font-size:.6rem}.lobby-table .box-title{font-size:2.4rem;top:25%}.lobby-caption{left:40%;top:18%}.room-code{font-size:1.2rem}.action-strip{min-height:100px}.action-buttons{width:100%}.action-buttons .confirm{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-calm=true] *,:root[data-calm=true] *::before,:root[data-calm=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.you-tag{font-size:.75rem;font-weight:400;color:var(--muted)}
.board-area{grid-column:1;grid-row:1}#side-area{grid-column:2;grid-row:1}.hand-area{grid-row:2}
@media(min-width:1001px){.board-area{grid-row:1/3}.hand-area{grid-row:1}#side-area{grid-row:2}.clue-layout .hand-area,.clue-layout #side-area{grid-row:1}}
@media(min-width:1001px) and (max-width:1199px){.clue-layout .hand-area{grid-row:2}.clue-layout #side-area{grid-row:1}}
@media(max-width:700px){.topbar nav .flag{min-width:44px;min-height:44px}.action-strip{position:sticky;top:0}}