.piece{container-type:inline-size;cursor:grab}
.piece.card-static{cursor:default}
.card-move,.card-surface{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;min-height:0;border-radius:4px;background:#fffef8;box-shadow:none;overflow:hidden;touch-action:none}
.card-move{cursor:grab}
.card-move:hover:not(:disabled),.card-move:active:not(:disabled){background:#fffef8;box-shadow:none}
.card-move:active{cursor:grabbing}
.card-move:disabled{opacity:1}
.piece .cardface{clip-path:inset(24% round 4px)}
.word-frame{position:absolute;inset:-1px;box-shadow:inset 0 0 0 18cqw #fffef8;border-radius:4px;pointer-events:none}
.card-words{position:absolute;inset:0;pointer-events:none;font-family:Georgia,'Times New Roman',serif;font-weight:800;color:#233c25}
.card-word{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05}
.card-word.top,.card-word.bottom{left:18%;width:64%;height:16%;font-size:min(9cqw,calc(103cqw / var(--letters)))}
.card-word.top{top:1%}.card-word.bottom{bottom:1%}
.card-word.left,.card-word.right{top:4%;height:92%;width:16%;writing-mode:vertical-rl;text-orientation:upright;font-size:min(9cqw,calc(86cqw / var(--letters)));letter-spacing:-.045em}
.card-word.left{left:1%}.card-word.right{right:1%}
.card-turn{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;height:36%;min-width:44px;min-height:44px;max-width:76px;max-height:76px;border-radius:50%;padding:0;border:2px solid #42632c;background:#d6efa0;color:#25451e;box-shadow:0 3px 0 #50762f;touch-action:none;cursor:pointer;display:grid;place-items:center}
.card-turn span{font-family:'Segoe UI Symbol',system-ui,sans-serif;font-size:clamp(1.8rem,23cqw,3.3rem);line-height:1;transform:translateY(-.035em)}
.card-turn:hover{background:#edffbd;border-color:#294a1e;box-shadow:0 4px 0 #50762f}
.card-turn:active:not(:disabled){background:#b8df79;box-shadow:0 1px 0 #50762f}
.card-turn:focus-visible{outline-offset:3px}
.card-turn:disabled{opacity:1;cursor:wait;box-shadow:0 3px 0 #50762f}
.card-turn:disabled:hover{box-shadow:0 4px 0 #50762f}
.drag-grip{position:absolute;top:70%;left:50%;transform:translateX(-50%);color:#315b22;font:700 13cqw/1 system-ui,sans-serif;pointer-events:none}
.rack .piece{transform:none;max-width:none}
.rack{gap:18px}
.rack-area{max-width:390px}
.card-move:focus-visible{outline-offset:-4px}
.is-drag-source{opacity:.3}
body.dragging-card,body.dragging-card *{cursor:grabbing!important}
body.has-card-selection .slot:not(.locked){outline:2px dashed #98663f;outline-offset:5px}
.slot.drop-target{outline:4px solid #9e4420;outline-offset:5px}
.slot.drop-target:before{content:attr(data-drop-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;min-width:70%;padding:9px 6px;text-align:center;border:2px solid #9e4420;border-radius:5px;background:#fff4d6;color:#643019;font-weight:800;font-size:clamp(.8rem,4cqw,1.25rem);pointer-events:none;box-shadow:0 4px 10px #263d2b40}
.rack.drop-target{outline:3px dashed #9e4420;outline-offset:8px;background:#fff4d655;border-radius:5px}
.drag-ghost{transform:none!important;opacity:1!important;container-type:inline-size}
.drag-ghost .card-turn{box-shadow:0 3px 0 #50762f}
.selection-hint{min-height:2.5em;max-width:50ch;margin-left:auto;margin-right:auto}
.selected-tools .selected-top{font-size:.85rem;color:#354e2e}
.selected-tools{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;min-height:84px;height:84px;align-items:center;align-content:center;padding:8px 0;gap:7px}
.selected-tools .selected-top{display:block;overflow-wrap:anywhere}
.control-guide{grid-column:1/-1;text-align:center;font-size:.82rem;line-height:1.4;color:#53654b}
.control-guide small{display:block;font-size:.76rem;margin-top:3px}
.edge-clue.left,.edge-clue.right{writing-mode:vertical-rl;text-orientation:upright;transform:none}
.edge-clue.left button,.edge-clue.right button{writing-mode:vertical-rl;text-orientation:upright;min-width:44px;font-size:0;width:100%;height:100%;display:grid;place-items:center}
.edge-clue.left strong,.edge-clue.right strong{font-family:'Trebuchet MS',system-ui,sans-serif;letter-spacing:-.045em;font-size:min(4.2cqw,calc(56cqw / var(--clue-letters,8)))}
.edge-clue.left>span,.edge-clue.right>span{display:none}
.demo-clue.left,.demo-clue.right{writing-mode:vertical-rl;text-orientation:upright;transform:none}
.card-words,.word-frame{z-index:1}
.card-grabbed{outline:3px solid #a44720;outline-offset:3px}
body[data-pair="0"] .private-board .slot:nth-child(-n+2) .word-highlight,body[data-pair="2"] .private-board .slot:nth-child(n+3) .word-highlight{left:18%;width:64%;height:18%}
.result-cards .piece{box-shadow:0 3px 5px #24402140}
.sound-preview{justify-self:start;font-size:.85rem}
.flag-art.sr{background:linear-gradient(#c6363c 33.33%,#21468b 33.33% 66.66%,#fff 66.66%)}
.deck-status{font-size:.76rem;color:#354e2e}
.deck-language{margin-top:24px;max-width:480px}
.deck-options{display:flex;flex-wrap:wrap;gap:10px}
.deck-options button{display:flex;align-items:center;gap:9px}
.deck-language p{font-size:.8rem;margin-top:12px;line-height:1.5;color:#354e2e}
.demo-card>.piece,.loose-card>.piece{display:block;width:100%;height:100%;position:relative}
.loose-card{aspect-ratio:1}
.calm .cardface{transition:none}
@media(min-width:1051px){.rack-area{max-width:390px}}
@media(max-width:730px){.rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rack-area{max-width:470px}.card-turn{max-width:64px;max-height:64px}.selected-tools{gap:9px}.selected-tools .selected-top{display:block}}
@media(prefers-reduced-motion:reduce){.cardface{transition:none}}