main{max-width:820px;padding:12px}main>h1{font-size:1.5rem;margin:8px 0}main>h1+p{font-size:.9rem;margin:4px 0 12px}.site-header{padding:10px 16px}.stage,.setup-section{max-width:640px;margin:0 auto}.stage{padding:0;background:transparent;border:0;color:var(--ink)}
#setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#setup .field{min-width:0;display:flex;flex-direction:column;gap:4px}#setup p,#setup .controls{grid-column:1/-1}#setup select,#setup input{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px}#setup :disabled{opacity:.6}.setup-summary{min-height:44px}.setup-section{margin-bottom:8px}
.table{--card-w:56px;--card-h:78px;--step:21px;border:1px solid #55775e;border-radius:8px;padding:10px;background:#20583f url('assets/felt.webp') repeat;color:#fffdf3;position:relative}.table p{margin:0}.turnbar{--tb-msg-lines:3;--tb-st-lines:1;min-height:0!important;display:block;margin:0 0 8px;padding:6px 10px;background:#fffdf4;color:#233b30;border:1px solid #b6cbb7;line-height:20px;font-size:14px}.turnbar #status{display:block;min-height:20px;margin:0;font-size:14px;line-height:20px}.turnbar .message{display:block;min-height:60px;line-height:20px;font-size:14px;margin:0;padding:0}.foundation-row{display:flex;gap:10px;align-items:center;margin:0 0 6px;min-height:78px}.foundation-row>div:not(.stock){min-width:0;flex:1}#next-rank{font-size:17px;display:block;overflow-wrap:anywhere}#foundation-rule{font-size:12px;line-height:18px;margin-top:4px}.foundation{display:block;position:relative;flex:0 0 56px;width:56px;height:78px;padding:0;background:#fffdf3;border:2px dashed #bcd2b6;border-radius:5px;color:#233b30;cursor:pointer}.foundation svg{width:100%;height:100%;display:block}.foundation-card{display:block;width:100%;height:100%}.foundation-placeholder{display:block;height:100%}.foundation-placeholder svg{width:38px;height:38px;margin:2px auto}.foundation-placeholder b{display:block;font-size:20px}.fifteen-table .foundation{flex-basis:88px;width:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:14px}.collect-symbol{display:block;width:24px;height:24px}.foundation small{font-size:12px}.stock{flex:0 0 65px;display:flex;align-items:center;flex-direction:column;gap:3px;color:#fffdf3;font-size:12px}#stock-art{display:block;width:30px;height:42px}#stock-art svg{width:100%;height:100%;display:block}.stock small{white-space:nowrap;font-size:11px}#progress{font-size:12px;line-height:18px;margin-bottom:5px;font-variant-numeric:tabular-nums}
.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 4px;align-items:start;min-height:0}.board.fifteen{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:6px}.pile-button{position:relative;display:block;width:100%;height:calc(18px + var(--card-h) + var(--layers)*var(--step));padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#fffdf3;cursor:pointer;touch-action:manipulation}.pile-label{position:absolute;top:0;left:0;width:100%;font-size:11px;line-height:16px;white-space:nowrap}.card-layer{display:block;position:absolute;top:calc(18px + var(--i)*var(--step));left:50%;transform:translateX(-50%);width:var(--card-w);height:var(--card-h);pointer-events:none}.card-layer svg{display:block;width:100%;height:100%;filter:var(--shadow-piece)}.selected .card-layer.exposed svg{filter:var(--shadow-lift)}.pile-button.selected .card-layer.exposed{outline:3px solid #f3ce66;border-radius:5px}.pile-button.legal .card-layer.exposed{outline:3px solid #b8e3b9;border-radius:5px}.pile-button.hinted .card-layer.exposed,.foundation.hinted{outline:3px dashed #f3ce66;outline-offset:2px}.foundation.legal{border-style:solid;outline:3px solid #b8e3b9;outline-offset:2px}.target-badge{position:absolute;top:0;right:1px;min-width:14px;height:16px;color:#fff;font-size:12px;font-weight:700;line-height:16px}.selected .target-badge{color:#f3ce66}.legal .target-badge{color:#ceefd3}.not-target .card-layer{opacity:.58}.pile-button.unavailable:not(.empty) .pile-label{color:#b8c9bc}.pile-button.empty{height:calc(18px + var(--card-h));border:1px dashed #86a892;color:#bbccc0;cursor:default}.paused .card-layer{visibility:hidden}.pile-button:disabled{cursor:default}.pile-button:focus-visible,.foundation:focus-visible{outline:3px solid #fff;outline-offset:3px}
.controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.play-tools{margin:8px 0 0}.play-tools .btn{background:var(--surface);color:var(--ink);border-color:var(--line-strong);min-height:44px;flex:1;min-width:0;font-size:16px;padding:7px 6px}.support-tools .btn{font-size:14px;min-height:44px;padding:7px 10px}.btn:disabled{cursor:default}#hint-target{font-size:12px;min-height:0;line-height:16px}#hint-target:empty{display:none}.deal-label,#stats{font-size:12px;line-height:18px;overflow-wrap:anywhere;margin:4px 0}#result{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:6px}#result h2{margin:0;font-size:20px}.flying-card{position:fixed;z-index:10000;pointer-events:none;transform-origin:top left}.flying-card svg{display:block;width:100%;height:100%;filter:var(--shadow-lift)}
.ad-gap{height:160px}.article img{width:100%;height:auto;display:block}.article figure{margin:16px 0}.screen-figure{max-width:520px;margin-left:auto!important;margin-right:auto!important}.screen-figure figcaption{font-size:16px;line-height:1.6;margin:8px 0}.article table{width:100%;table-layout:fixed;overflow-wrap:anywhere}.controls-inline dl.cc-two{grid-template-columns:minmax(0,60%) minmax(0,1fr)}.controls-inline dt,.controls-inline dd{min-width:0;overflow-wrap:anywhere}ruby rt{font-size:.55em}
@media(min-width:700px){.board{grid-template-columns:repeat(7,minmax(0,1fr))}.table{--card-w:60px;--card-h:84px;--step:23px}.turnbar{--tb-msg-lines:2}.turnbar .message{min-height:40px}.fifteen-table{--card-w:54px;--card-h:75px}.fifteen-table .foundation-row{min-height:64px}.fifteen-table .foundation{height:64px}.foundation-row>div:not(.stock){flex:1}.table:not(.fifteen-table) .foundation{height:84px;width:60px;flex-basis:60px}}
@media(max-width:399px){.table{padding:8px;--card-w:52px;--card-h:73px;--step:20px}.foundation-row{gap:8px}#next-rank{font-size:15px}.fifteen-table .foundation{flex-basis:78px;width:78px}#foundation-rule{font-size:11px}.stock{flex-basis:60px}.controls{gap:6px}.support-tools .btn{font-size:13px;padding:7px 8px}.turnbar{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.flying-card{display:none}}
main{margin:0 auto}main>h1{line-height:1.35;margin:6px 0}main>h1+p{line-height:1.5;margin:4px 0 8px}.site-header{padding:6px 16px;line-height:20px}.table .turnbar .message{color:#233b30}.fifteen-table .foundation-row{min-height:60px}.fifteen-table .foundation{height:60px}.fifteen-table{--card-w:52px;--card-h:73px}.foundation-row{margin-bottom:4px}#hint-target{height:16px;display:block!important}.table svg{height:100%}.stock small{font-size:12px}
@media(min-width:700px){.fifteen-table{--card-w:48px;--card-h:67px}.fifteen-table .foundation-row{min-height:54px}.fifteen-table .foundation{height:54px}.fifteen-table #hint-target{height:0}.fifteen-table #hint-target:not(:empty){position:absolute;top:0;right:12px;font-size:11px}.turnbar .message{min-height:40px}}
@media(min-width:700px){.table{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.table>.turnbar,.table>.foundation-row{margin:0}.table>.foundation-row{min-width:0}.table>#progress,.table>#board,.table>#hint-target,.table>.play-tools{grid-column:1/-1;margin:0}.table>#progress{margin:0 0 2px}.table>.play-tools{margin-top:4px}.table>#hint-target:empty{display:none!important}.table>#hint-target:not(:empty){position:static;height:16px}.fifteen-table .stock{flex-basis:58px}.fifteen-table #next-rank{font-size:15px}.fifteen-table #foundation-rule{font-size:11px}.foundation-row{gap:8px}}
#next-rank{line-height:1.4}.table .collect-symbol svg{height:100%}.table .stock svg{height:100%}.table .foundation-placeholder svg{height:38px}
@media(max-width:699px){main{padding:8px}.board:not(.fifteen){grid-template-columns:repeat(7,minmax(0,1fr));column-gap:3px}.table:not(.fifteen-table){--card-w:42px;--card-h:59px;--step:17px}.pile-button:not(.empty){min-width:44px}.turnbar .message{min-height:60px}.table:not(.fifteen-table) .foundation{height:70px}.support-tools{margin-top:6px}.fifteen-table .foundation-row{min-height:60px}.fifteen-table .stock{font-size:12px}}
@media(min-width:700px){.turnbar{--tb-msg-lines:3}.turnbar .message{min-height:60px}}
.table>#hint-target{position:absolute!important;width:1px;height:1px!important;overflow:hidden;clip-path:inset(50%);margin:0}
.table:not(.fifteen-table) .card-layer:not(.exposed){filter:brightness(.88)}
.table:not(.fifteen-table) .pile-button.unavailable:not(.empty) .card-layer.exposed{opacity:.72}