/* Character artwork stays original: only the cropped eye layer moves. */
.tile.back,.tile.back:hover{background-image:none;background-color:var(--body);overflow:hidden}
.character-eyes{position:absolute;inset:0;background-image:url('/assets/backs.png');background-size:1000% 600%;background-position:var(--sprite-position);clip-path:inset(0 1% 53% 1%);pointer-events:none;animation:little-glance 7s ease-in-out infinite;animation-delay:var(--delay)}
.tile.back:hover .character-eyes,.tile.back:focus-visible .character-eyes{animation:none;transform:translate(var(--look-x,2px),var(--look-y,-1px));transition:transform .14s ease-out}
.tile{transform-origin:50% 85%;transition:transform .2s cubic-bezier(.2,.8,.3,1.5),box-shadow .2s;animation:none}
.tile:not(:disabled):hover{transform:translateY(-5px) rotate(-3deg) scale(1.055);box-shadow:0 7px 0 #130a2055}
.tile:not(:disabled):active{transform:translateY(2px) scale(.92,1.04)}
.tile.selected{animation:selected-hop .4s ease-out;transform:translateY(-5px)}
.boop{animation:boop .4s ease-out!important}
@keyframes little-glance{0%,20%,48%,70%,100%{transform:translate(0,0)}24%,38%{transform:translate(3px,1px)}54%,63%{transform:translate(-3px,-1px)}76%{transform:translate(0,1px) scaleY(.92)}}
@keyframes selected-hop{0%,100%{transform:translateY(-5px)}45%{transform:translateY(-15px) rotate(5deg)}}
@keyframes boop{0%,100%{scale:1}30%{scale:.88 1.09;rotate:-5deg}65%{scale:1.08 .93;rotate:4deg}}
input[type=range]{appearance:auto;-webkit-appearance:auto;border:0;background:transparent;border-radius:0;padding:0;height:22px;cursor:pointer;min-width:90px;max-width:120px;flex:0 0 100px;accent-color:var(--accent)}
.volume{gap:10px;min-width:145px}.volume input{width:100px}
.help{display:inline-grid;place-items:center;width:23px;height:23px;min-width:23px;padding:0;border-radius:50%;font:700 13px 'DM Sans',sans-serif;color:var(--accent);vertical-align:middle;margin-left:5px;line-height:1}
.room-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:10px}.room-toolbar>button{margin-left:auto;padding:6px 12px;font-size:13px}
.playing header{min-height:58px;padding:10px 2%}.playing .brand{font-size:25px}.playing main{padding:12px 2% 16px;max-width:1800px}
.game-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 250px;gap:14px;align-items:start}
.game-center{min-width:0;display:flex;flex-direction:column;gap:12px}.game-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}
.game-layout .panel{padding:14px;border-radius:15px}.game-layout h3{font-size:16px;margin-bottom:10px}.game-layout .small{font-size:12px}
.pile-panel{position:relative}.pile-panel>p{margin:0;min-height:32px;line-height:1.3}
.tile-pile{height:250px;position:relative;margin:8px -5px}.pile-piece{position:absolute;top:var(--y);left:calc(50% - 27px + var(--x));transform:rotate(var(--tilt));animation:pile-shuffle 9s ease-in-out infinite;animation-delay:var(--delay)}
.pile-piece .tile{width:55px;box-shadow:1px 5px 7px #10081970}.pile-piece .tile:disabled{opacity:1;cursor:default}.pile-piece:has(.tile:not(:disabled)):hover{z-index:20}.pile-piece .tile:not(:disabled){outline:1px solid #ffffff30}
@keyframes pile-shuffle{0%,35%,65%,100%{translate:0 0;rotate:0deg}42%{translate:2px -3px;rotate:3deg}50%{translate:-1px 1px;rotate:-2deg}}
.pile-panel .supply{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pile-panel .supply button{font-size:11px;padding:6px 5px;display:flex;gap:4px;justify-content:space-between}.pile-panel .supply button:last-child{grid-column:1/-1}.mode-badge{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.game-layout .opponents{gap:8px}.game-layout .player{padding:10px;min-width:0;display:block;border-radius:12px}.game-layout .player h3{margin-bottom:6px;font-size:13px}.game-layout .player .rack{gap:4px}.game-layout .player .tile{width:clamp(25px,2.8vw,37px)}
.game-layout .table{padding:12px 14px;border-radius:15px;min-height:148px}.game-layout .status{font-size:16px;line-height:1.35}.game-layout .revealed-rack{margin:12px 0 4px;gap:12px;min-height:58px}.game-layout .revealed-rack .tile{width:51px}.game-layout .actions{margin-top:10px;gap:7px}.clue-actions label{font-size:11px;text-align:left;color:var(--muted);max-width:140px}.clue-actions select{display:block;padding:6px;font-size:12px;width:100%;margin-top:3px}.clue-actions button{font-size:12px;padding:9px 10px}
.game-layout .own-rack{padding:14px;border-radius:15px}.game-layout .own-rack .rack{gap:6px}.game-layout .own-rack .tile{width:36px}.game-layout .rack-caption{margin:8px 0 12px;font-size:10px;letter-spacing:.5px}.game-layout .own-rack #guess{width:100%;padding:9px}.mini-gaps{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:12px;max-height:90px;overflow:auto}.mini-gap{display:flex;flex-direction:column;gap:4px;align-items:center;border:1px dashed #ffffff20;border-radius:4px;padding:4px 0;min-height:30px}.mini-gap small{font-size:10px;color:var(--muted)}.mini-gap b{font-size:12px;color:var(--accent)}
.clue-history{margin-top:7px;font-size:12px;color:var(--muted)}.clue-history summary{cursor:pointer}.clue-history .clues{max-height:125px;overflow:auto;margin-top:7px}.clue-history .clue{font-size:11px;width:100%;padding:5px}.clue-history .clue .tile{width:25px}
.thinking-board h2{font-size:20px;margin:0}.thinking-board .notes-head{gap:8px}.thinking-board .notes-head>button{font-size:11px;padding:6px 9px}.thinking-board .note-grid{gap:5px;margin-top:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.thinking-board .note-grid .tile{width:100%;max-width:70px;aspect-ratio:1/1.04}.thinking-board .legend{margin-top:10px;font-size:11px;gap:12px}.auto-mark{filter:saturate(.4)}
.game-layout .chat{position:static}.game-layout .messages{height:150px;margin:10px 0;gap:8px}.game-layout .message{font-size:12px}.game-layout .message.system{font-size:11px}.game-layout .reactions{margin-top:7px}.game-layout .reactions button{font-size:18px;padding:4px}.game-layout .chat-form input{padding:8px;font-size:12px}
.mode-picker{border:1px solid var(--line);border-radius:12px;margin:0 0 22px;padding:14px}.mode-picker legend{font-size:16px}.mode-picker label{display:flex;gap:12px;padding:10px 0;align-items:center;cursor:pointer}.mode-picker input{width:18px;height:18px;accent-color:var(--accent)}.mode-picker small{display:block;color:var(--muted);margin-top:3px;font-size:13px}.mode-picker b{font-size:15px}
.answer-intro{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.answer-intro p{margin:4px 0 0;line-height:1.3}.answer-intro .tile{width:40px}.clue-to-place{cursor:grab;touch-action:none}.clue-to-place:active{cursor:grabbing}.gap-rack{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));align-items:center;gap:4px;padding:8px 0}.gap-rack .tile{width:100%;max-width:48px}.gap{height:51px;padding:3px;border:2px dashed #d7f28780;background:#d7f2870a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.gap span{font-size:21px;color:var(--accent)}.gap small{font-size:9px}.gap:hover,.gap.drop-ready{border-style:solid;background:#d7f28735;transform:translateY(-3px)}.placing-clue .gap{outline:2px solid #d7f28725}.drag-ghost{position:fixed!important;width:50px!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;z-index:1000;opacity:.9}.compare-answer{display:flex;align-items:center;justify-content:center;gap:10px}.compare-answer .tile{width:42px}.compare-answer button:not(.tile){font-size:12px;padding:9px}.archive{font-size:12px;color:var(--muted);margin-top:8px}.archive .tile{margin:5px}
.fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:90}.win{margin-bottom:12px;padding:14px;display:flex;align-items:center;justify-content:space-around;gap:20px}.win h2{font-size:27px;margin:0 0 8px}.win button,.win a{font-size:12px;margin-right:12px}.victory-friends{display:flex;gap:13px;padding:10px}.dancing-friend{position:relative;animation:friend-dance .85s ease-in-out infinite alternate}.dancing-friend:nth-child(even){animation-delay:-.5s}.dancing-friend:not(:last-child):after{content:'';position:absolute;width:22px;height:9px;border-radius:50%;background:#ffe6b2;left:calc(100% - 4px);top:62%;z-index:2;rotate:10deg}.victory-friends .tile{width:44px}.dancing-numbers .tile{animation:number-dance 1.2s ease-in-out infinite alternate}.dancing-numbers .tile:nth-child(3n){animation-delay:-.6s}.dancing-numbers .tile:nth-child(3n + 1){animation-delay:-.3s}
@keyframes friend-dance{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-9px) rotate(7deg)}}@keyframes number-dance{from{transform:rotate(-3deg) translateY(0)}to{transform:rotate(3deg) translateY(-3px)}}
@media(min-width:1100px) and (max-height:800px){.game-layout{grid-template-columns:160px minmax(0,1fr) 230px;gap:10px}.game-center{gap:9px}.game-layout .panel{padding:10px}.game-layout .table{padding:9px;min-height:127px}.game-layout .revealed-rack .tile{width:42px}.game-layout .revealed-rack{min-height:44px;margin:8px 0 2px}.game-layout .player .tile{width:28px}.game-layout .player{padding:7px 9px}.game-layout .player h3{margin-bottom:4px}.thinking-board .note-grid{margin-top:8px;gap:4px}.thinking-board .note-grid .tile{max-height:47px;aspect-ratio:auto;height:clamp(34px,6vh,47px);background-size:1000% 600%}.thinking-board h2{font-size:18px}.thinking-board .legend{margin-top:7px}.game-layout .own-rack{padding:11px}.game-layout .messages{height:120px}.tile-pile{scale:.9;height:232px}.game-layout .supply button{font-size:10px}.game-layout .clue-actions{margin-top:6px}.gap-rack{padding:3px 0}.gap{height:44px}}
@media(max-width:1099px){.game-layout{grid-template-columns:140px minmax(0,1fr);gap:12px}.game-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.tile-pile{scale:.78;transform-origin:top center;height:205px}.game-layout .pile-panel{overflow:hidden}.thinking-board .note-grid{gap:4px}.game-layout .opponents{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.win{flex-wrap:wrap}}
@media(max-width:620px){.playing header{padding:10px 12px}.playing main{padding:10px}.header-right{max-width:220px}.volume{min-width:0;gap:7px}.game-layout{display:flex;flex-direction:column;gap:12px}.game-center{width:100%;display:contents}.game-layout .opponents{order:0;width:100%;display:flex;overflow:auto}.game-layout .player{min-width:170px}.game-layout .pile-panel{order:1;width:100%;min-height:145px;display:grid;grid-template-columns:1fr 130px;gap:4px 8px;padding:10px}.pile-panel h3,.pile-panel>p{grid-column:2;margin:0}.pile-panel h3{font-size:13px}.tile-pile{grid-column:1;grid-row:1/5;position:absolute;left:0;top:0;scale:.52;transform-origin:50% 0;width:210px;height:245px;margin:0}.pile-panel .supply{grid-column:2;gap:3px}.pile-panel .supply button{font-size:10px;padding:4px}.pile-panel .mode-badge{display:none}.game-layout .table{order:2;width:100%;padding:10px}.game-layout .thinking-board{order:3;width:100%}.game-sidebar{order:4;display:flex;flex-direction:column;width:100%}.thinking-board .note-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.game-layout .own-rack .rack{justify-content:flex-start}.game-layout .own-rack .tile{width:42px}.game-layout .rack-caption{max-width:240px}.room-toolbar{gap:8px;flex-wrap:wrap}.room-toolbar .small{font-size:10px}.room-toolbar>button{font-size:11px;padding:5px 8px}.game-layout .revealed-rack{gap:8px}.game-layout .revealed-rack .tile{width:41px}.gap-rack{gap:2px}.gap{height:44px;padding:1px;border-width:1px}.gap small{font-size:8px}.gap span{font-size:17px}.answer-intro{gap:8px}.answer-intro b{font-size:14px}.clue-actions label{max-width:115px}.win h2{font-size:24px}.victory-friends .tile{width:36px}.win{gap:4px}}
@media(prefers-reduced-motion:reduce){.character-eyes,.pile-piece,.tile,.dancing-friend,.dancing-numbers .tile{animation:none!important;transition:none!important}.tile:hover{transform:none!important}.fireworks{display:none}}

/* Persistent private guesses and visual clue notebook. */
.secret-entries{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.secret-entry{text-align:center;min-width:0}.secret-face{position:relative;display:inline-block}.secret-entry input{width:100%;padding:5px 0;text-align:center;font-size:18px;margin-top:5px;border:1px solid #ffffff40;border-radius:8px}.known-dots{position:absolute;bottom:3px;left:0;right:0;font-size:8px;letter-spacing:1px;color:white;pointer-events:none;text-shadow:0 1px 2px #000}.not-dots{display:block;color:#ffbbbf;font-size:10px;line-height:1.5;margin-top:3px}.personal-clues{margin-top:12px;border-top:1px solid #ffffff20;padding-top:10px}.personal-clues h3{font-size:13px}.clue-scroll{max-height:180px;overflow:auto;scrollbar-width:thin}.clue-lane{display:flex;align-items:center;gap:2px;min-width:300px;padding:8px 0}.own-rack .clue-lane .tile{width:25px;flex-shrink:0}.saved-gap{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:25px;color:#aaa}.dot-clue{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px solid #ffffff10;font-size:11px}.own-rack .dot-clue .tile{width:27px}.compare-targets{display:flex;align-items:center;gap:6px}.compare-targets>span{font-size:11px;max-width:120px}.compare-targets .tile{width:31px!important}.drop-ready{outline:3px solid #dfff9d!important;filter:brightness(1.3)}.newest{outline:3px solid #dfff9d;box-shadow:0 0 18px #dfff9d66;position:relative}.newest:after{content:'NEW';position:absolute;top:-12px;left:5px;font:bold 9px sans-serif;background:#dfff9d;color:#22182c;padding:2px 5px;border-radius:5px}.pick-bubble{display:none}.your-pick{box-shadow:0 0 0 2px #dfff9d,0 0 24px #dfff9d25}.your-pick .pick-bubble{display:block;background:#dfff9d;color:#231832;border-radius:14px;padding:7px;text-align:center;font-size:13px;font-weight:bold;animation:pick-bounce 1.4s ease-in-out infinite}.your-pick .pile-piece:nth-child(3n){animation:pick-bounce 1s ease-in-out infinite alternate}.your-turn{color:#dfff9d!important}.visual-history{font-size:12px;margin-top:10px}.visual-history>div{display:flex;gap:12px;overflow:auto;max-height:100px;padding:8px}.history-item{display:flex;align-items:center;gap:5px;flex-shrink:0}.history-item .tile{width:30px}.history-item small{max-width:90px}.game-layout .own-rack .small{font-size:10px;margin:5px 0}#guess-dialog[open]{position:fixed;inset:auto 16px 16px auto;margin:0;width:min(390px,calc(100vw - 32px));box-shadow:0 12px 60px #0009;z-index:100}#guess-dialog h2{font-size:20px}#guess-dialog input{min-width:0} @keyframes pick-bounce{50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){.your-pick .pick-bubble,.your-pick .pile-piece{animation:none!important}}@media(max-width:620px){.your-pick .pick-bubble{grid-column:2;font-size:10px}.secret-entries{max-width:320px}.game-sidebar{order:2}.game-layout .thinking-board{order:3}.clue-scroll{max-height:130px}.clue-lane{min-width:300px}#guess-dialog[open]{bottom:8px;right:8px;padding:12px}.compare-targets{flex-wrap:wrap}}
/* Preserve the artwork proportions at every screen size. */
.game-layout .thinking-board .note-grid .tile{height:auto;max-height:none;aspect-ratio:1/1.04;max-width:70px;justify-self:center;align-self:start}.game-center,.game-sidebar,.thinking-board,.own-rack{min-width:0}.game-layout .tile{aspect-ratio:1/1.04}.clue-scroll{max-width:100%}.game-layout .pile-panel{position:relative}.game-layout .clue-actions{flex-wrap:wrap}.game-layout .thinking-board .note-grid{align-items:start}@media(min-width:1100px) and (max-height:800px){.game-layout .thinking-board .note-grid{max-width:570px;margin-left:auto;margin-right:auto}.game-layout .messages{height:95px}.clue-scroll{max-height:140px}}@media(min-width:621px) and (max-width:1099px){.game-layout{grid-template-columns:130px minmax(0,1fr)}.game-sidebar{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.game-layout .thinking-board .note-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(max-width:620px){.game-sidebar{display:contents}.own-rack{order:3;width:100%}.game-layout .thinking-board{order:4}.game-sidebar .chat{order:5;width:100%}.game-layout .thinking-board .note-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home .tile{width:clamp(38px,12vw,54px)}.facts{gap:12px;flex-wrap:wrap}.header-right{min-width:0}.game-layout .own-rack .secret-entry input{font-size:16px;min-height:40px}.personal-clues .clue-lane{min-width:300px}.notes-head{flex-wrap:wrap}.game-layout .opponents{max-width:100%}.game-layout .opponents .player{flex-shrink:0}.secret-entries{max-width:none}.game-layout .own-rack .secret-face .tile{width:40px}}

.win{display:block;text-align:left}.winner-copy{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.winner-copy h2{width:100%;margin:0}.winner-copy p{margin:0}.victory-friends#victory-playground{display:block;position:relative;overflow:hidden;width:100%;height:180px;margin-top:12px;border-radius:16px;background:radial-gradient(ellipse at bottom,#a888d530,transparent 70%);border-bottom:1px solid #ffffff20}.winner-tile{display:contents}.victory-friends .tile.toss-tile{width:46px;height:auto;aspect-ratio:1/1.04;animation:none!important;transition:none!important;touch-action:none;z-index:2;cursor:grab}.victory-friends .tile.toss-tile:active{cursor:grabbing}.victory-friends .tile.toss-tile:disabled{opacity:1;cursor:default}.victory-friends .tile.toss-trail{position:absolute;width:46px;pointer-events:none;opacity:.25;animation:trail-fade .45s linear forwards;z-index:1}@keyframes trail-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.toss-trail{display:none}}

.game-sidebar>.personal-clues{background:#23192f;border:1px solid #ffffff19;border-radius:14px;padding:12px;margin:0}.personal-clues .clue-lane{display:grid;grid-template-columns:repeat(5,minmax(0,1fr) 20px) minmax(0,1fr);min-width:0;gap:0}.personal-clues .clue-lane .tile{width:20px}.personal-clues .saved-gap{min-width:0}.personal-clues .saved-gap .tile{width:18px}.personal-clues .clue-lane .clue-anchor{align-self:center}.personal-clues .dot-clue .tile{width:27px}.personal-clues .small{font-size:10px}.game-sidebar>.personal-clues h3{margin-bottom:4px}.clue-scroll{overflow-x:hidden}.game-sidebar .chat{position:static}@media(max-width:1099px) and (min-width:621px){.game-sidebar{grid-template-columns:1fr 1fr 1fr;gap:10px}}@media(max-width:620px){.game-sidebar>.personal-clues{order:5;width:100%}.game-sidebar .chat{order:6}.own-rack{position:sticky;top:0;z-index:5;border:1px solid #ffffff28;box-shadow:0 6px 24px #10081999}.own-rack h3{font-size:13px;margin-bottom:5px}.own-rack>p,.own-rack .rack-caption{display:none}.game-layout .own-rack{padding:8px 12px}.game-layout .own-rack .secret-face .tile{width:30px}.game-layout .own-rack .secret-entry input{min-height:32px;padding:2px}.game-layout .own-rack #guess{margin-top:5px;padding:6px}.personal-clues .clue-lane{grid-template-columns:repeat(5,minmax(0,1fr) 30px) minmax(0,1fr)}.personal-clues .clue-lane .clue-anchor{width:30px}.personal-clues .saved-gap .tile{width:25px}}
@media(min-width:900px) and (max-width:1099px){.game-layout{grid-template-columns:110px minmax(0,1fr) 215px;gap:10px}.game-sidebar{display:flex;flex-direction:column;grid-column:auto}.tile-pile{scale:.63;height:178px}.game-layout .pile-panel{padding:9px}.pile-panel h3{font-size:13px}.thinking-board h2{font-size:16px}.game-layout .messages{height:95px}.game-layout .own-rack{padding:10px}.game-layout .own-rack .tile{width:31px}.game-layout .table .revealed-rack .tile{width:40px}.game-layout .table .revealed-rack{gap:7px}.game-layout .personal-clues{padding:10px}.game-layout .notes-head{flex-wrap:wrap}}
@media(min-width:621px) and (max-width:899px){.game-sidebar{display:contents}.game-layout>.pile-panel{grid-row:2;grid-column:1}.game-center{grid-row:2;grid-column:2}.game-sidebar>.own-rack{grid-row:1;grid-column:1/-1;position:sticky;top:0;z-index:5;display:grid;grid-template-columns:150px minmax(0,1fr) 120px;gap:10px;align-items:center;padding:10px;background:#23192f}.own-rack h3{margin:0}.own-rack .rack-caption,.own-rack>p{display:none}.game-layout .own-rack .tile{width:30px}.game-sidebar>.personal-clues{grid-column:1/-1}.game-sidebar>.chat{grid-column:1/-1;width:100%}}
/* Larger clue diagrams live in the main board column. */
.game-center>.board-clues{width:100%;margin:0;background:linear-gradient(135deg,#322440,#271e35);border:1px solid #c4a7ed55;padding:12px 14px;box-shadow:inset 3px 0 #c4a7ed}.clue-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-layout .clue-panel-title h3{font-size:17px;margin:0}.board-clues .clue-scroll{max-height:170px;overflow:auto;margin-top:8px}.clue-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px}.clue-card{background:#ffffff08;border:1px solid #ffffff16;border-radius:12px;padding:8px 10px;min-width:0}.clue-card-label{display:block;font-size:12px;color:#e4d4f9;margin-bottom:6px}.clue-diagram{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px}.clue-diagram .tile.clue-number{width:40px}.clue-diagram .tile.clue-anchor{width:32px}.clue-diagram>b{font-size:24px;color:#dfff9d}.clue-diagram .different-dots{color:#ffb7cf}.dot-description{font-size:12px;letter-spacing:1px}.clue-empty{font-size:13px;margin:4px 0 8px;grid-column:1/-1;color:#eee1fa}.clue-empty span{color:var(--muted);font-size:11px}.helper-picker{width:100%;text-align:left}.helper-cards{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0}.clue-actions .helper-card{display:flex;align-items:center;gap:7px;background:#382749;text-align:left;border:1px solid #aa8cc740;padding:7px 9px;min-width:130px;flex:1}.helper-card .helper-face{font-size:24px}.helper-card small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#e8d9fa}.helper-card b{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis}.helper-card.chosen{border-color:#d7f287;background:#52613855}.helper-card em{color:#d7f287;font-style:normal}.helper-choice{font-size:11px;color:#d7f287}.clue-actions .spin-helper{background:#8f65b344;font-size:12px}.helper-wheel{position:relative;width:200px;height:200px;border-radius:50%;border:7px solid #fff4;box-shadow:0 0 32px #c3a3f54a}.helper-wheel>span{position:absolute;transform:translate(-50%,-50%);max-width:85px;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#281938;font-size:13px}.wheel-stage{position:relative;width:200px;margin:24px auto 12px}.wheel-pointer{position:absolute;top:-20px;left:calc(50% - 12px);font-size:26px;color:#fff;z-index:2}.wheel-center{position:absolute;left:calc(50% - 19px);top:calc(50% - 19px);width:38px;height:38px;background:#372444;border-radius:50%;display:grid;place-items:center;pointer-events:none}#helper-wheel-dialog{text-align:center;max-width:380px}#helper-wheel-dialog h2{padding-top:18px;font-size:23px}#wheel-result{min-height:30px}.reveal-ghost{position:fixed!important;left:0;top:0;pointer-events:none;z-index:90;filter:drop-shadow(0 0 15px #dfff9d);animation:none!important}.reveal-spark{position:fixed;z-index:91;pointer-events:none;color:#eaffb2;font-size:22px}.tile.reveal-awaiting{visibility:hidden}.tile.reveal-landed{animation:magic-land .6s ease-out!important}@keyframes magic-land{0%{transform:scale(1.15);filter:brightness(1.6)}50%{transform:scale(.94)}100%{transform:scale(1);filter:brightness(1)}}@media(max-width:620px){.game-center>.board-clues{order:5}.game-center>.board-clues .clue-cards{grid-template-columns:1fr}.board-clues .clue-scroll{max-height:210px}.game-layout .clue-panel-title h3{font-size:16px}.clue-panel-title .small{font-size:10px}.clue-diagram .tile.clue-number{width:44px}.clue-diagram .tile.clue-anchor{width:36px}.helper-cards{gap:5px}.clue-actions .helper-card{min-width:118px}.clue-actions .spin-helper{width:100%}.helper-card b{max-width:95px}}@media(prefers-reduced-motion:reduce){.reveal-landed{animation:none!important}}

/* One enlarged rack keeps every saved position in context. */
.game-center>.restored-clues{background:#281e34;border:1px solid #ffffff20;box-shadow:none;padding:12px 16px}.restored-clues h3{font-size:15px;margin:0 0 4px}.restored-clues .clue-scroll{max-height:200px;overflow:auto}.restored-clues .clue-lane{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;min-width:290px;padding:12px 0;align-items:center}.restored-clues .clue-lane .clue-anchor{width:100%;max-width:42px;justify-self:center}.restored-clues .saved-gap{min-height:46px;border-radius:9px;background:#ffffff05;padding:4px 0;gap:5px}.restored-clues .saved-gap .tile{width:100%;max-width:38px}.restored-clues .dot-clue{display:inline-flex;margin-right:16px;font-size:12px}.restored-clues .dot-clue .tile{width:32px}.restored-clues .small{font-size:11px;margin:5px 0;color:var(--muted)}
.refined-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.clue-methods{display:flex;justify-content:center;gap:8px}.clue-methods button{min-width:110px;background:#ffffff08}.clue-methods button[aria-pressed=true]{border-color:#d7f287;background:#d7f28718;color:#d7f287}.clue-step{border-top:1px solid #ffffff12;padding-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.clue-hint{font-size:11px;color:var(--muted);margin:0;text-align:center}.clue-step>.clue-hint,.clue-step>.compare-targets{width:100%;justify-content:center}.helper-strip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}.helper-strip>span{font-size:11px;color:var(--muted);margin-right:3px}.refined-actions .name-chip,.refined-actions .random-chip{font-size:12px;padding:6px 11px;border-radius:20px;min-height:32px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-chip.chosen{border-color:#c5aae9;background:#c5aae922}.refined-actions .random-chip{color:var(--muted);background:transparent}.refined-actions #request-clue{padding:7px 12px;min-height:32px}.refined-actions .compare-target.selected{outline:2px solid #d7f287;outline-offset:3px}.refined-actions .compare-targets{gap:10px}
@media(max-width:620px){.game-center>.restored-clues{padding:10px}.restored-clues .clue-lane{gap:3px}.restored-clues .clue-lane .clue-anchor{width:100%}.restored-clues .saved-gap .tile{width:100%}.clue-step{gap:8px}.helper-strip .name-chip{max-width:125px}}