:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#193047;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:24px 18px 60px}.masthead{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.masthead h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:0}.masthead p{margin:7px 0 0;color:#52667b;line-height:1.5}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8b4b32!important}.language{display:grid;gap:5px;font-size:.86rem;font-weight:700}.toolbar,.views,.board-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.toolbar{margin:0 0 18px}.toolbar label{font-weight:700;display:flex;align-items:center;gap:8px}button,select{font:inherit;background:#fff;color:#193047;border:1px solid #aebdcd;border-radius:10px;padding:10px 13px;cursor:pointer}button:hover{border-color:#176c83}button:focus-visible,select:focus-visible{outline:3px solid #f4a526;outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}.primary{background:#126783;border-color:#126783;color:#fff;font-weight:800}.badge{background:#e7f3f6;border-radius:10px;padding:9px 12px;font-weight:700;color:#195d70}.layout{display:grid;grid-template-columns:minmax(0,620px) minmax(285px,1fr);gap:18px}.play-area,.panel{background:#fff;border:1px solid #d5dfeb;border-radius:18px;padding:17px;box-shadow:0 6px 22px #17243b0a}.play-area h2,.panel h2{font-size:1.22rem;margin:0 0 11px}.panel+.panel{margin-top:16px}.panel p{line-height:1.55;margin:7px 0 12px}.views{margin-bottom:13px}.views button[aria-pressed=true],#erase[aria-pressed=true]{background:#dff0f3;border-color:#126783;font-weight:800}#board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:8px;border:2px solid #243b53;border-radius:13px;background:#e5ecf3;width:min(100%,570px);aspect-ratio:1;touch-action:manipulation}.slot{min-width:0;min-height:0;padding:3px;border-radius:8px;border:2px dashed #9aacc0;background:#f9fbfd;display:grid;place-items:center;position:relative}.slot.main-diagonal{background:#f0f7fa}.slot.fixed{border-style:solid;border-color:#408a9c;background:#e8f3f3;cursor:default}.slot.error{box-shadow:inset 0 0 0 4px #d54a44}.slot.hinted{box-shadow:inset 0 0 0 4px #e4a229}.slot:focus-visible{outline:3px solid #e4a229;outline-offset:-4px}.playing-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;border:1px solid #9caab9;border-radius:7px;background:#fff;box-shadow:0 2px 5px #26374920;padding:5px;line-height:1}.playing-card.red{color:#bc2e3b}.playing-card.black{color:#202b39}.playing-card .corner{align-self:flex-start;font-weight:800;font-size:clamp(.65rem,1.8vw,1rem)}.playing-card .pip{font-size:clamp(1.4rem,5vw,3.4rem);line-height:1}.playing-card .bottom{align-self:flex-end;transform:rotate(180deg)}.playing-card.small{height:68px;min-height:0;padding:4px}.playing-card.small .corner{font-size:.76rem}.playing-card.small .pip{font-size:1.55rem}.slot-number{font-weight:700;color:#72859a}.progress{font-weight:750;color:#385870;margin:12px 0}.board-actions{margin-top:12px}#tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#tray button{padding:0;border:2px solid transparent;min-width:0}#tray button.selected{border-color:#d59023;box-shadow:0 0 0 2px #f6d58b}#tray button.used{opacity:.35}#tray button:focus-visible{outline:3px solid #e4a229;outline-offset:2px}.hint-box{margin-top:14px;border-left:4px solid #e0a12c;background:#fff8e9;padding:9px 12px}.hint-box[hidden],.confirm[hidden]{display:none}.confirm{border:1px solid #dfb045;background:#fff7df;padding:13px;border-radius:12px;margin:0 0 15px}.confirm p{font-weight:700;margin:0 0 10px}.confirm button{margin-right:8px}.source{font-size:.88rem;color:#5e7081;border-top:1px solid #e4e9ee;padding-top:10px}@media(max-width:880px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel+.panel{margin-top:0}aside .panel:last-child{grid-column:1/-1}}@media(max-width:560px){main{padding:14px 9px 40px}.masthead{display:block}.language{margin-top:12px;max-width:150px}aside{display:block}.panel+.panel{margin-top:12px}.play-area,.panel{padding:12px}#board{gap:4px;padding:5px}.slot{padding:2px}.playing-card{padding:3px}.playing-card .corner{font-size:.68rem}.playing-card .pip{font-size:clamp(1.4rem,9vw,2.5rem)}.views button,.board-actions button{padding:8px 9px}}
.playing-card{display:block;position:relative;overflow:hidden;aspect-ratio:271/406;width:auto;max-width:100%;height:100%;border:1px solid #9caab9;border-radius:7px;background:#fff;box-shadow:0 2px 5px #26374920;line-height:1}.playing-card img{position:absolute;display:block;width:1416.974%;height:428.325%;max-width:none;object-fit:fill;pointer-events:none}.playing-card.small{height:68px;max-height:100%;min-height:0}