@font-face{font-family:Fusion;src:url(/assets/fusion-pixel-zh-hans.woff2) format("woff2");font-display:swap}:root{font-family:Fusion,Microsoft YaHei,sans-serif;color:#f0e8ce;background:#152d26;font-synthesis:none;line-height:1.65;color-scheme:dark;--cream: #f3e9cb;--gold: #e8bd6e;--coral: #ec9678;--ink: #243d30;--muted: #abbf9f;--line: #b0c29c36;--board-size: min(550px, calc(100vh - 340px) , calc(100vw - 420px) )}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;transition:background .14s,border-color .14s,transform .14s;border:0}button:disabled{cursor:default}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #ffe7a7;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,b,strong{font-weight:400}::selection{background:#e8bb6255;color:#fff7da}small{font-size:11px}.app{min-height:100vh;background:radial-gradient(ellipse at 40% 35%,#39694c30,transparent 70%),#1c3b2e}.app.scanlines:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000b 0 1px,transparent 1px 4px)}.topbar{height:64px;padding:0 max(25px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#102a2145;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;line-height:1.1;flex-shrink:0}.brand-mark{font-family:Georgia,serif;font-size:42px;color:var(--gold);text-shadow:2px 2px #132c21}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#b0c0a0;margin-top:5px}.table-turn{display:flex;gap:9px;align-items:center;color:#d2dcb9;font-size:12px}.table-turn>span:not(.live-dot){color:#7e9b7c}.table-turn>b{background:#b86941;color:#fff0cc;padding:1px 8px;font-size:11px}.live-dot{width:6px;height:6px;background:#c7ce9e;box-shadow:0 0 0 3px #b0c49b14}.top-controls{display:flex;gap:6px}.icon-btn{background:transparent;border:1px solid #a9bc9638;color:#c6d2af;padding:5px 10px;font-size:11px}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:#a7c09312;border-color:#b2c1917d}}.play-layout{max-width:1070px;margin:0 auto;padding:17px 24px 0;display:grid;grid-template-columns:minmax(400px,1fr) 310px;gap:16px 38px;grid-template-rows:auto auto;align-items:start;align-content:start}.board-area{min-width:0}.opponent-strip{min-height:36px;max-width:var(--board-size);margin:0 auto 12px;display:flex;align-items:center;gap:12px;color:#bbcca8;font-size:11px}.opponent-strip>b{color:#ede5c9;font-size:12px}.opponent-strip>small{margin-left:auto;font-size:10px;color:#9bb48e}.player-badge{width:27px;height:29px;display:grid;place-items:center;border:1px solid #9aaf89;font-size:16px;flex-shrink:0}.player-badge.black{color:var(--cream);background:#294733}.player-badge.white{color:#294733;background:#e5dfbd}.coins{color:var(--gold);letter-spacing:4px;white-space:nowrap}.board-wrap{position:relative;width:var(--board-size);max-width:100%;margin-inline:auto}.board-frame{padding:9px;background:#c8b582;position:relative;box-shadow:0 0 0 2px #173326,0 0 0 4px #82916b,5px 6px #102b20}.board-frame:before{content:"";position:absolute;inset:3px;border:1px solid #667b50;pointer-events:none}.board-bevel{border:1px solid #516a4b;background:#afc29f;position:relative}.step-guide{max-width:var(--board-size);margin:10px auto 0;min-height:50px;padding:7px 10px;display:flex;gap:9px;align-items:center;border:1px solid #d3bd6b70;background:#163c29;animation:guide-enter .3s ease-out}.step-guide .guide-pointer{color:var(--gold);font-size:22px;min-width:20px}.step-guide>div{min-width:0}.step-guide b{display:block;color:#f5d88b;font-size:12px}.step-guide small{display:block;font-size:10px;color:#b4c99c;line-height:1.7}.step-guide>button{margin-left:auto;background:none;padding:2px;font-size:9px;color:#d9cc98;flex-shrink:0}.step-guide.quiet{border-color:transparent;background:transparent}.step-guide.quiet b{color:#b2c69b}.move-receipt{min-height:25px;max-width:var(--board-size);margin:5px auto 0;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#a9c095}.move-receipt>b{color:#e5d6a0}.receipt-mark{color:#dec272}.receipt-mark.capture{color:#efa47f}.receipt-mark.rescue{color:#a4ddc0}.app[data-focus=hand] .hand-tray{border-color:#dfc476;box-shadow:0 -2px #e3bd6330}.app[data-focus=hand] .hand-tray .section-heading h2:before{content:"↓ ";color:var(--gold)}.app[data-focus=board] .board-frame{outline:2px solid #e7cd8d;outline-offset:5px}.app[data-focus=action] .action-panel{border-color:#e2c779;box-shadow:0 0 0 2px #d6b76019}.guide-confirm:not(:disabled){outline:2px solid #f7ddab65;outline-offset:3px;animation:confirm-arrive .6s ease-out}.guided-choice{border-color:#f0ce83;animation:guide-enter .24s ease-out}.board-feedback{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible}.effect-cell{position:absolute;width:12.5%;height:12.5%;pointer-events:none}.effect-move,.effect-revive,.effect-promote,.effect-status{border:3px solid #ffe0a0;box-shadow:inset 0 0 15px #e8cb5f50;animation:square-light .47s ease-out both}.effect-capture,.effect-end{border:3px solid #f3ae7d;background:#f6ad6328;animation:square-light .47s ease-out both}.effect-rescue{border:3px solid #b1e4b1;background:#8dd8b52c;animation:square-light .47s ease-out both}.piece-travel{animation:piece-travel .36s cubic-bezier(.2,.7,.3,1) both}.piece-travel .sprite-pixels{transform:translate(-16px,-14px) scale(1.15)}.piece-arriving [data-piece]{animation:arriving-piece .36s steps(1,end) both}.piece-removed{animation:piece-removed .4s ease-out both;opacity:.8}.piece-removed>i{position:absolute;inset:0;display:grid;place-items:center;color:#ffe0a0;font-size:28px;font-style:normal;animation:capture-spark .4s ease-out both}.board-feedback.reduced .effect-cell{animation:none;opacity:.55}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}@keyframes piece-travel{0%{transform:translate(var(--travel-x,0%),var(--travel-y,0%))}to{transform:translate(0)}}@keyframes arriving-piece{0%,99%{opacity:0}to{opacity:1}}@keyframes piece-removed{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(.55) translateY(-10px)}}@keyframes capture-spark{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}@keyframes square-light{0%{opacity:.95}to{opacity:0}}@keyframes guide-enter{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-arrive{0%{box-shadow:0 0 0 5px #eac87250}to{box-shadow:2px 3px #685131}}.board-square{width:100%;height:100%;position:relative;cursor:pointer}.board-square>div{width:100%;height:100%;position:relative}@media(hover:hover)and (pointer:fine){.board-square:hover{box-shadow:inset 0 0 0 2px #f6dd9f90}}.board-disabled .board-square{cursor:default}.board-disabled .board-square:hover{box-shadow:none}.board-caption{max-width:var(--board-size);margin:10px auto 0;min-height:25px;display:flex;gap:8px;align-items:start;justify-content:space-between;color:#c3d0ab;font-size:11px;line-height:1.7}.board-caption>button{background:transparent;color:var(--gold);font-size:10px;padding:0;white-space:nowrap}.duel-board{box-shadow:0 0 0 2px #173326,0 0 0 4px #db9670,5px 6px #102b20}.pixel-piece{--piece-fill: #efe5bd;position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 2px #294531) drop-shadow(1px 0 #294531) drop-shadow(-1px 0 #294531);pointer-events:none}.pixel-piece.black{--piece-fill: #243d35;filter:drop-shadow(0 2px #a4b997) drop-shadow(1px 0 #a4b997) drop-shadow(-1px 0 #a4b997)}.sprite-pixels{position:absolute;width:2px;height:2px;left:50%;top:50%;transform:translate(-16px,-14px);background:transparent}.pixel-piece.small{width:24px;height:25px;transform:scale(.65);transform-origin:center;flex-shrink:0}.board-square .sprite-pixels{transform:translate(-16px,-14px) scale(1.15)}.piece-status{position:absolute;right:2px;top:0;font-size:12px;line-height:1.2;pointer-events:none;text-shadow:1px 1px #253c2e}.shield-status{color:#ffe19a}.disarm-status{color:#ff9575;top:auto;bottom:1px;font-size:20px}.control-column{grid-column:2;grid-row:1 / 3;min-width:0;height:0;min-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#859d74 transparent;padding:1px 4px 7px}.action-panel{background:#163526a6;border:1px solid #a2b78a45;padding:20px}.action-panel h1{font-size:24px;line-height:1.4;margin:19px 0 12px;color:#f5e9bf}.action-panel p{font-size:12px;line-height:1.9}.muted{color:var(--muted)}.phase-track{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11px;color:#75936d}.phase-track>i{font-style:normal;color:#678568}.phase-track small{font-size:9px;margin-left:5px}.phase-track>.current{color:var(--gold)}.phase-track>.done{color:#b4c8a0}.gesture-hint{display:flex;align-items:center;justify-content:center;gap:10px;background:#34533b50;color:#d4dbb3;margin:17px 0 5px;padding:12px 6px;font-size:12px}.gesture-hint>i{color:#869c72;font-style:normal}.selected-piece-note{display:flex;align-items:center;gap:6px;margin:14px 0 0;padding:10px 4px;border-block:1px solid var(--line)}.selected-piece-note>b{font-size:13px}.selected-piece-note>span:last-child{font-size:10px;color:#a8bd93;margin-left:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:13px;line-height:1.5;border:2px solid #789c77;color:#eee7c6;background:#355f44;box-shadow:2px 3px #10271b}.btn.full{width:100%;margin-top:13px}.btn.gold{color:#2c3826;background:#e5bc6e;border-color:#ffe1a6;box-shadow:2px 3px #685131}.btn.green{background:#345e42;border-color:#74986e}.btn.coral{background:#cd7c5d;border-color:#f1b28d;color:#251f17}.btn.ghost{background:transparent;border:1px solid #76916a77;box-shadow:none;color:#baccaa;font-size:11px}.btn:disabled{opacity:.36}@media(hover:hover)and (pointer:fine){.btn:not(:disabled):hover{filter:brightness(1.1)}}.selected-effect{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:12px}.selected-effect .enhance-text{color:#e7c77f;margin-top:8px;font-size:11px}.next-target{color:#f0d391;margin-top:12px}.path-chips{display:flex;gap:7px;color:#ecc980;font-size:11px;margin-top:10px}.path-chips>span{background:#d2bc7117;padding:2px 6px}.inline-hint{font-size:11px;line-height:1.8;background:#cdb57010;border:1px dashed #a7ab7966;padding:9px;margin-top:12px;color:#cfcea4}.action-candidates{display:flex;flex-direction:column;gap:5px;max-height:165px;overflow:auto;margin-top:12px}.action-candidate{background:#34523b;color:#c6d5ae;border:1px solid #82966c77;padding:7px 9px;font-size:11px;text-align:left}.action-candidate.active{color:#ffe1a0;border-color:var(--gold);background:#616441}.skill-section{padding:19px 1px 14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{font-size:14px}.section-heading h2>small{color:#8da982;margin-left:7px}.section-heading>span{color:#9db58e;font-size:10px}.skill-rack{display:flex;gap:10px;margin-top:12px}.skill-card{position:relative;flex:1;min-width:0;text-align:left;background:#304d34;border:1px solid #8c9f7380;color:#e3dfb5;padding:11px 10px;display:flex;flex-direction:column;gap:4px;box-shadow:2px 3px #153021}.skill-card.response-skill{background:#4a4530;border-color:#a99b6b}.skill-name{font-size:14px}.skill-code{font-size:9px;color:#a8bb91}.skill-type{font-size:9px;color:#c2c8a2}.skill-description{font-family:Microsoft YaHei,sans-serif;font-size:10px;line-height:1.65;color:#b9c5a4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:5px}.skill-star{position:absolute;right:8px;top:6px;color:var(--gold)}.skill-card.selected{border-color:var(--gold);background:#55623b}@media(hover:hover)and (pointer:fine){.skill-card:not(:disabled):hover{border-color:var(--gold);background:#55623b}}.skill-card.used{opacity:.45}.skill-card.used .skill-name{text-decoration:line-through}.skill-card:disabled:not(.used){opacity:.86}.skill-caption{color:#94ad85;font-size:10px;line-height:1.8;margin-top:11px}.player-summary{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:13px;font-size:11px;color:#a8be97}.player-summary>b{margin-left:auto;color:#e3dfb5}.hand-tray{grid-column:1;min-width:0;border-top:1px solid var(--line);padding-top:11px}.hand-tray .section-heading{max-width:560px;margin:0 auto}.hand-cards{display:flex;gap:9px;justify-content:center;align-items:center;min-height:140px;padding:13px 6px 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#859a6d transparent}.playing-card{width:84px;height:119px;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 5px 12px;background:#f0e7cd;color:#2e4939;border:2px solid #e8dab5;outline:1px solid #213e2b;border-radius:2px;box-shadow:2px 3px #132c1f;overflow:hidden;text-align:center;transition:transform .14s,outline .14s}.playing-card.red{color:#b85043}.playing-card .card-corner{position:absolute;left:4px;top:3px;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;font-size:11px}.playing-card .card-corner>b{font-size:16px}.playing-card .card-corner.bottom{inset:auto 4px 3px auto;transform:rotate(180deg)}.card-main-suit{position:absolute;top:22px;left:0;right:0;font:29px/1 Georgia,serif}.card-effect-name{font-size:12px;margin-bottom:6px;letter-spacing:1px}.card-effect-short{color:#59644f;font-family:Microsoft YaHei,sans-serif;font-size:8px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:22px;overflow:hidden;padding:0 8px}@media(hover:hover)and (pointer:fine){.playing-card:not(:disabled):hover{transform:translateY(-5px);outline:2px solid #e9c17b}}.playing-card.selected{transform:translateY(-7px);outline:2px solid var(--gold);border-color:#fff1b9}.playing-card:disabled{opacity:.72}.playing-card.mini{width:63px;height:87px}.playing-card.mini .card-main-suit{top:33px;font-size:26px}.card-back{width:84px;height:119px;flex-shrink:0;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#aec39b0b 0 2px,transparent 2px 5px),#2d5645;border:2px solid #9db28a;outline:1px solid #12311f;box-shadow:2px 3px #102b1e}.card-back-emblem{color:#bdca9e;font-size:26px;border:1px solid #9eb18a;padding:0 9px;transform:rotate(-8deg)}.card-back.small{width:34px;height:48px}.card-back.small .card-back-emblem{font-size:15px;padding:0 4px}.empty-hand{font-size:12px;color:#94ae84;padding:26px}.pending-title{color:#e8dfb9}.pending-route{font-size:24px;color:#edc77e;padding:13px 0;line-height:1.4}.action-panel .response-reason{font-size:12px;color:#c8cda7}.response-footnote{font-size:10px;color:#8fa982;display:block;line-height:1.8;margin-top:13px}.response-options{display:flex;flex-direction:column;gap:7px;margin-top:14px}.response-option{text-align:left;color:#e7d7ad;background:#524b32;border:1px solid #b39d68;padding:10px;display:flex;flex-direction:column;gap:4px}.response-option>b{font-size:14px}.response-option>span,.response-option>small{font-size:10px;line-height:1.8;color:#c4c49d}.response-buttons{margin-top:17px}.button-row{display:flex;gap:10px}.button-row>*{flex:1}.ai-thinking{text-align:center;padding:20px 0 10px}.ai-thinking>span{font-size:22px;color:var(--gold);display:block;animation:thinking 1.3s infinite}.ai-thinking>p{color:#a8be94;margin-top:12px}@keyframes thinking{0%,to{opacity:.4}50%{opacity:1}}.illusion-builder{margin:14px 0}.illusion-builder label{display:block;font-size:11px;color:#b9cba4}.illusion-builder select{width:100%;margin-top:5px;border:1px solid #78956a;background:#183c28;color:#e7dfb7;padding:6px;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 75px;gap:10px;margin-top:10px}.revive-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.revive-options>label{width:100%;color:#b6c79b;font-size:11px}.grave-choice{display:flex;align-items:center;gap:4px;background:#31573a;color:#cbdaaf;border:1px solid #7d976a;padding:6px}.grave-choice.active{background:#666b42;border-color:var(--gold)}.grave-choice>span:last-child{font-size:11px}.draft-skills{display:flex;flex-direction:column;gap:9px;margin-top:15px}.draft-skills .skill-card{min-height:80px}.draft-skills .skill-description{font-size:11px;-webkit-line-clamp:3}.text-button{background:none;color:#c1cea7;font-size:11px;padding:6px 0}@media(hover:hover)and (pointer:fine){.text-button:hover{color:var(--gold)}}.text-button:disabled{opacity:.4}.text-button.full{width:100%;text-align:center}.bottom-strip{max-width:1020px;margin:0 auto;display:flex;justify-content:center;gap:22px;padding:9px 20px 14px;color:#78986d;font-size:9px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:45;background:#122e21;border:1px solid #a1b47b;box-shadow:3px 4px #0b2119;padding:11px 17px;color:#dde2ba;font-size:12px;max-width:85vw}.privacy-curtain{position:absolute;inset:0;z-index:8;background:#17392ff7;border:3px solid #b2ad7a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:25px}.curtain-suit{font:65px/1 Georgia,serif;color:var(--gold)}.privacy-curtain h2{font-size:23px}.privacy-curtain p{color:#aec29a;font-size:12px}.choice-scrim,.setup-scrim{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;padding:25px;background:#071e17d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pixel-modal{position:relative;border:2px solid #c8b77d;background:#234632;padding:28px;box-shadow:0 0 0 2px #13331f,6px 7px #0c2118;max-height:90vh;overflow:auto;color:#eee6c4}.pixel-modal h2{font-size:28px;margin-bottom:15px}.pixel-modal>p{font-size:13px;line-height:1.9;color:#bfd0a9}.choice-modal{width:min(860px,90vw)}.eyebrow{font-size:9px;letter-spacing:2px;color:#a0b88f}.choice-options{display:flex;flex-wrap:wrap;gap:14px;padding:8px 4px;margin:19px 0;max-height:50vh;overflow:auto}.choice-option{display:flex;align-items:center;gap:10px;min-width:110px;padding:11px 15px;color:#e1e5ba;background:#315c3e;border:2px solid #759967;font-size:14px}.choice-option.active{background:#7b784a;border-color:#f0ce80}.choice-card-wrap{padding-top:6px}.selection-order{position:absolute;top:3px;left:50%;transform:translate(-50%);background:#244c33;color:#ffe4a2;padding:0 5px;font-size:11px}.modal-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:15px;border-top:1px solid var(--line)}.modal-footer>span{font-size:12px;color:#b1c49a}.tiny-tag{font-size:10px;color:#d2d8b2;padding:0 5px;border:1px solid #8b9d74}.error-message{background:#a85d3b28;color:#ffcea7!important;border:1px solid #d58e65;padding:10px;margin-bottom:12px;font-size:12px}.game-over{text-align:center}.game-over>span{font-size:36px;color:var(--gold)}.game-over h2{font-size:25px}.game-over p{color:#c2cfa6}.info-modal{width:620px}.modal-close{position:absolute;right:14px;top:9px;background:none;color:#c3d1a7;font-size:27px}.settings-list{display:flex;flex-direction:column;gap:22px;margin:25px 0}.settings-list>label{display:flex;align-items:start;gap:13px;font-size:15px}.settings-list input{margin-top:6px;width:16px;height:16px;accent-color:var(--gold)}.settings-list small{display:block;color:#b1c59c;font-size:12px;margin-top:6px;line-height:1.85}.help-content{display:flex;flex-direction:column;gap:16px;margin:20px 0;font-size:13px;color:#c4d0aa;line-height:1.9}.help-content b{color:#f0d291}.details-content{margin:20px 0}.details-content h3{font-size:15px;margin:20px 0 11px;color:#e3dcae}.detail-stats{display:flex;gap:15px;flex-wrap:wrap;color:#b2c59d;font-size:12px}.grave-row{display:flex;gap:14px;align-items:start;margin:10px 0}.grave-row>span{font-size:12px;color:#acc299}.grave-pieces{display:flex;flex-wrap:wrap;gap:2px}.grave-pieces>span{width:24px;height:25px}.detail-hand{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.action-log{max-height:210px;overflow:auto;border-left:1px solid #718e624f;padding-left:13px}.action-log p{font-size:11px;line-height:1.9;color:#b7cba3;margin-bottom:7px}.action-log p.capture{color:#e6b87a}.action-log p.turn{color:#e2dfb1}.setup-modal{padding:0;display:grid;grid-template-columns:220px 370px;overflow:auto}.setup-art{position:relative;min-height:520px;background:repeating-linear-gradient(45deg,#d9c88907 0 1px,transparent 1px 9px),#355a3d;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.setup-art:before,.setup-art:after{content:"";position:absolute;width:160px;height:245px;border:1px solid #b2ba7f66;transform:rotate(-13deg);background:#bbc4850a}.setup-art:after{transform:rotate(10deg);background:#112f221f}.setup-suit{position:absolute;top:25px;left:21px;font:100px/1 Georgia,serif;color:#d9c98a;opacity:.85}.setup-joker{position:relative;z-index:1;text-align:center;font-size:32px;line-height:1.1;color:#e9dbaa;text-shadow:3px 3px #21442b}.setup-piece{width:100px;height:100px;transform:scale(2.5);margin-top:20px;z-index:1}.setup-art-caption{position:absolute;bottom:26px;color:#c0cea4;font-size:11px;z-index:1}.setup-content{padding:30px}.setup-content h2{font-size:32px}.setup-intro{font-size:13px;color:#bdcfa5;margin-bottom:22px}.field-label{display:block;color:#c5d2ad;font-size:12px;margin:16px 0 8px}.mode-options,.side-options{display:flex;gap:9px}.mode-options>button{flex:1;text-align:left;border:1px solid #7b986b;padding:11px;background:#2d5438;color:#c6d4af}.mode-options>button.active,.side-options>button.active{border-color:var(--gold);background:#5b643d;color:#ffe4a3}.mode-options b{display:block;font-size:14px}.mode-options small{display:block;font-size:9px;margin-top:5px;color:#b0c598}.side-options>button{flex:1;padding:7px;background:#31543a;color:#bdcea3;border:1px solid #789369;font-size:12px}.check-row{display:flex;align-items:start;gap:10px;margin:21px 0 15px;font-size:12px;color:#c4d4ab}.check-row input{margin-top:4px;accent-color:var(--gold)}.check-row small{display:block;font-size:10px;color:#a3bd90;margin-top:5px}.setup-footnote{text-align:center;color:#8caa7c;font-size:10px;margin-top:15px}.start-button{font-size:16px}@media(min-height:900px){.play-layout{padding-top:27px;gap:22px 45px}.playing-card{width:94px;height:132px}.hand-cards{min-height:155px}}@media(max-width:1050px){:root{--board-size: min(500px, calc(100vh - 340px) , calc(100vw - 360px) )}.play-layout{padding-inline:20px;gap:16px 24px;grid-template-columns:minmax(360px,1fr) 290px}.table-turn{font-size:11px}.topbar{gap:12px}.playing-card{width:75px;height:113px}.hand-cards{gap:7px}.control-column{padding-inline:0}}@media(max-height:800px){:root{--board-size: min(480px, calc(100vh - 385px) , calc(100vw - 390px) )}.topbar{height:56px}.brand{font-size:21px}.brand-mark{font-size:35px}.play-layout{padding-top:12px;row-gap:12px}.opponent-strip{min-height:30px;margin-bottom:8px;gap:9px}.opponent-strip>small{display:none}.board-caption{min-height:22px;margin-top:8px;font-size:10px}.board-square .sprite-pixels{transform:translate(-16px,-14px)}.control-column{height:0;min-height:100%}.action-panel{padding:16px}.action-panel h1{font-size:22px;margin-top:14px}.skill-section{padding-block:13px}.skill-description{-webkit-line-clamp:2}.hand-tray{padding-top:8px}.hand-cards{min-height:120px;padding-block:8px}.playing-card{width:76px;height:104px;padding-bottom:10px}.card-main-suit{top:18px;font-size:25px}.card-effect-name{font-size:11px;margin-bottom:4px}.card-effect-short{font-size:8px;height:21px}.bottom-strip{padding-block:7px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-menu-button,.mobile-card-tabs{display:none}.target-marker{position:absolute;z-index:5;pointer-events:none}.target-marker.empty{width:34%;height:34%;min-width:12px;min-height:12px;left:33%;top:33%;border-radius:50%;background:#ffe59a;border:2px solid #244b39;box-shadow:0 0 0 2px #fff3c7}.target-marker.capture{inset:5%;border:4px solid #a53627;border-radius:50%;box-shadow:0 0 0 2px #ffe9ab,inset 0 0 0 2px #ffe9ab}.target-marker.piece{inset:6%;border:3px dashed #ffe6a4;box-shadow:0 0 0 1px #274e39}.square-selected:after{content:"";position:absolute;inset:1px;border:3px solid #fff5c4;pointer-events:none;z-index:6}.effective-tag{display:inline-block;color:#cad9ad;font-size:11px;margin-bottom:6px}.effective-tag.active{color:#ffe197}.selected-effect>small{display:block;color:#b0c6a0;font-size:11px;margin-top:6px}.selected-effect>p{font-family:Microsoft YaHei,sans-serif;font-size:13px}.action-summary{grid-column:1;border:1px solid #9daf7d55;background:#173626;margin:0;padding:10px 12px;min-width:0}.action-summary>summary{display:grid;grid-template-columns:1fr auto;gap:5px 10px;cursor:pointer;color:#e7d3a0;font-size:12px}.action-summary>summary>b{font-size:10px;color:#adc39a}.action-summary>summary>small{grid-column:1 / -1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#bccda9;font:12px/1.8 Microsoft YaHei,sans-serif}.action-summary[open]>summary>small{display:none}.action-summary ol{max-height:230px;overflow-y:auto;padding-left:22px;margin:10px 0 0;font:12px/1.8 Microsoft YaHei,sans-serif;color:#c4d4af}.action-summary li{margin-bottom:8px;padding-left:3px}.action-summary li.cancellation{color:#ffe2a3}.mobile-menu{display:grid;gap:12px;margin:20px 0}.pixel-modal:focus{outline:none}@media(max-width:879px){:root{--board-size: min(550px, calc(100vw - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) )}body{min-width:320px}.app{min-height:100svh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.topbar{height:62px;padding:6px 12px;gap:9px}.brand{font-size:18px;gap:7px}.brand-mark{font-size:31px}.brand small{font-size:7px;letter-spacing:1px}.table-turn{font-size:10px;gap:5px;flex-wrap:wrap;justify-content:center}.live-dot,.top-controls{display:none}.mobile-menu-button{display:block;flex-shrink:0;min-width:48px}.icon-btn,.text-button,.btn,.grave-choice,.action-candidate{min-height:44px}.icon-btn{font-size:13px}.play-layout{max-width:590px;padding:10px 12px 0;display:flex;flex-direction:column;gap:12px}.play-layout>*{width:100%;min-width:0}.board-area{order:1;scroll-margin-top:8px}.opponent-strip{min-height:28px;margin-bottom:9px;gap:8px;font-size:11px;flex-wrap:wrap}.opponent-strip>b{font-size:12px}.opponent-strip>small{display:none}.player-badge{width:23px;height:25px;font-size:14px}.coins{letter-spacing:2px}.board-frame{padding:5px}.board-square .sprite-pixels,.piece-travel .sprite-pixels{transform:translate(-16px,-14px) scale(.95)}.piece-status{font-size:10px}.disarm-status{font-size:17px}.step-guide{margin-top:10px;min-height:49px;padding:6px 8px}.step-guide b{font-size:13px}.step-guide small{font-size:11px}.step-guide>button{min-width:54px;min-height:44px;font-size:11px}.move-receipt{font-size:11px;min-height:23px}.control-column{display:contents;grid-column:auto;grid-row:auto;height:auto;min-height:0;overflow:visible;padding:0}.action-panel{order:2;width:100%;padding:12px;scroll-margin-block:12px}.action-panel h1{font-size:20px;margin:8px 0}.action-panel p{font-size:14px;line-height:1.7}.phase-track{padding-bottom:7px;font-size:12px}.phase-track small{font-size:10px}.gesture-hint{margin:10px 0 0;padding:8px;font-size:13px}.selected-piece-note{margin-top:8px;padding-block:7px}.selected-piece-note>span:last-child{font-size:12px}.selected-effect{padding-bottom:9px;margin-bottom:8px}.selected-effect>p{font-size:14px}.selected-effect>small,.effective-tag,.selected-effect .enhance-text{font-size:12px}.next-target{margin-top:8px}.path-chips{font-size:13px}.btn{font-size:14px;padding:9px 12px}.btn.ghost{font-size:13px}.btn.full{margin-top:9px}.action-summary{order:5;width:100%;margin:0}.action-summary>summary{font-size:13px}.action-summary>summary>small{font-size:13px;-webkit-line-clamp:3}.action-summary ol{font-size:13px}.mobile-card-tabs{order:3;display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.mobile-card-tabs>button{flex:1;min-height:44px;font-size:14px;border:1px solid #799369;background:#264c35;color:#bacaac}.mobile-card-tabs>button.active{border-color:var(--gold);background:#4a5937;color:#ffe5a4}.hand-tray,.skill-section{order:4;padding:0;border-top:0}.app[data-card-tab=skills] .hand-tray,.app[data-card-tab=hand] .skill-section{display:none}.section-heading{gap:7px;flex-wrap:wrap}.section-heading h2{font-size:14px}.section-heading h2>small{font-size:11px;margin-left:5px}.section-heading>span{font-size:11px}.hand-cards{justify-content:flex-start;gap:12px;min-height:142px;padding:12px 5px 8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.playing-card{width:92px;height:124px;padding-bottom:11px;scroll-snap-align:start}.card-effect-name{font-size:13px;margin-bottom:6px}.card-effect-short{font-size:10px;line-height:1.45;height:28px;padding-inline:6px}.card-main-suit{font-size:28px;top:19px}.playing-card.selected{transform:translateY(-4px)}.card-back{width:92px;height:124px}.skill-rack{margin-top:10px;gap:10px}.skill-card{padding:12px 10px}.skill-name{font-size:15px}.skill-code,.skill-type{font-size:11px}.skill-description{font-size:12px;-webkit-line-clamp:4}.skill-caption{font-size:12px}.player-summary{order:6;width:100%;font-size:12px;padding-block:6px}.draft-skills{margin-top:10px}.draft-skills .skill-card{min-height:95px}.draft-skills .skill-description{display:block;font-size:13px}.draft-confirm{position:sticky;bottom:0;background:#1b3d2c;padding:4px 0 max(3px,env(safe-area-inset-bottom,0px));z-index:7}.bottom-strip{font-size:10px;padding:10px 12px max(14px,env(safe-area-inset-bottom,0px));gap:12px;flex-wrap:wrap}.privacy-curtain{gap:10px;padding:16px}.privacy-curtain h2{font-size:23px}.privacy-curtain p{font-size:13px}.curtain-suit{font-size:45px}.choice-scrim,.setup-scrim{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.pixel-modal{width:100%;max-width:560px;max-height:calc(100dvh - 32px);padding:18px;overscroll-behavior:contain}.pixel-modal h2{font-size:25px;margin-right:24px}.pixel-modal>p{font-size:14px}.info-modal{width:100%}.modal-close{width:44px;min-height:44px;top:5px;right:5px}.settings-list{gap:16px}.settings-list>label{min-height:44px}.settings-list input{flex-shrink:0;width:22px;height:22px}.settings-list small,.help-content{font-size:14px}.details-content,.action-log p{font-size:13px}.choice-modal{display:flex;flex-direction:column;overflow:hidden}.choice-options{flex:1;min-height:0;max-height:none;overflow-y:auto;margin-block:12px;gap:12px}.choice-option{min-width:0;flex:1 1 110px;padding:10px}.modal-footer{flex-shrink:0;flex-wrap:wrap;gap:9px;padding-top:10px}.modal-footer>.button-row{flex:1 1 100%}.modal-footer>span{font-size:13px}.setup-modal{display:block;padding:0}.setup-art{display:none}.setup-content{padding:22px}.setup-content h2{font-size:29px;margin-right:0}.setup-intro{font-size:14px;margin-bottom:12px}.field-label{font-size:14px;margin-top:12px}.mode-options>button,.side-options>button{min-height:48px;font-size:14px;padding:10px}.mode-options b{font-size:15px}.mode-options small{font-size:11px}.check-row{font-size:14px;margin-block:16px}.check-row small,.setup-footnote{font-size:12px}.check-row input{flex-shrink:0;width:21px;height:21px}.illusion-builder label{font-size:13px}.illusion-builder select{min-height:44px;font-size:16px}.form-row{grid-template-columns:1fr 95px}.toast{bottom:max(16px,env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);font-size:13px}}@media(max-width:879px)and (orientation:landscape)and (min-width:640px)and (max-height:500px){:root{--board-size: min( calc(100svh - 114px) , calc(48vw - 32px) )}.topbar{height:48px}.brand small{display:none}.play-layout{display:grid;max-width:none;grid-template-columns:minmax(240px,.9fr) minmax(280px,1fr);gap:10px 20px;padding-top:8px}.board-area{grid-column:1;grid-row:1 / 6;position:sticky;top:7px}.action-panel{grid-column:2;grid-row:1}.mobile-card-tabs{grid-column:2;grid-row:2}.hand-tray,.skill-section{grid-column:2;grid-row:3}.action-summary{grid-column:2;grid-row:4}.player-summary{grid-column:2;grid-row:5}.step-guide{min-height:40px;margin-top:7px;padding-block:4px}.step-guide small{display:none}.move-receipt{font-size:10px}.board-square .sprite-pixels{transform:translate(-16px,-14px) scale(.72)}.opponent-strip{font-size:10px;gap:5px}.opponent-strip>b{font-size:10px}.setup-modal{max-width:500px}}@media(pointer:coarse){.tap-board [data-piece]{touch-action:pan-y pinch-zoom!important}}.room-lobby{width:min(520px,100%)}.room-lobby>p{margin-block:12px}.room-code{font-size:40px;letter-spacing:7px;text-align:center;color:#ffe0a0;border:1px solid var(--line);background:#163929;padding:12px;margin:16px 0;-webkit-user-select:all;user-select:all}.room-seats{color:#c6d7b1;text-align:center}.room-divider{color:#a7bf96;margin:24px 0 14px;font-size:13px;text-align:center}.room-code-field,.invite-link{display:block;font-size:13px;color:#c0d0a8;margin-top:16px}.room-code-field input,.invite-link input{width:100%;min-height:46px;margin-top:7px;padding:9px 12px;color:#f3e7ba;background:#153726;border:1px solid #8ea575;font:17px/1.6 Microsoft YaHei,sans-serif}.room-code-field input{letter-spacing:5px;text-transform:uppercase}.invite-link input{font-size:12px;letter-spacing:0}.invite-link select{width:100%;min-height:44px;padding:8px;margin-top:6px;color:#f3e7ba;background:#153726;border:1px solid #8ea575}.room-lobby .room-footnote{font-size:11px;color:#8fb08a;margin-top:19px}.connection-status{font-size:12px;color:#d8d6a4}.room-status-bar{max-width:1020px;margin:10px auto 0;padding:7px 14px;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;background:#152f24;border:1px solid #82965c66;color:#bfcca8;font-size:12px}.room-status-bar>b{color:#edcd87}.room-status-bar>small{margin-left:auto;font-size:11px}.room-status-bar .text-button{padding-inline:5px}.room-leave-confirm{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-block:7px;border-top:1px solid var(--line)}.network-error{max-width:1020px;margin:8px auto}.square-swatch{display:inline-block;width:18px;height:18px;border:1px solid #dcdeb9;box-shadow:1px 1px #102b1e;flex-shrink:0}.square-swatch.light{background:#b7c5a2}.square-swatch.dark{background:#487566}.color-pairs{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.color-pairs>span{display:flex;gap:7px;align-items:center}.color-bonus-hint{padding:9px 12px;margin-top:9px;background:#183929;border:1px solid #b5b9743d;color:#ccd4ae}.color-bonus-hint>b{font-size:12px;color:#e3d095}.color-bonus-hint small{font-size:10px;color:#a6bd91}.color-bonus-hint .color-pairs{margin-top:5px;font-size:12px}.color-bonus-hint>p{font:11px/1.7 Microsoft YaHei,sans-serif;color:#a9c297;margin-top:5px}.card-bonus{position:absolute;right:2px;top:3px;padding:1px 2px;font-size:8px;background:#e2cc8a;color:#324a30;line-height:1.3}.beginner-guide{width:min(640px,100%)}.beginner-guide .color-pairs{margin:18px 0}.beginner-guide .beginner-body{font:17px/1.9 Microsoft YaHei,sans-serif;color:#efe8c5;margin-block:20px}.beginner-guide .beginner-note{font:14px/1.9 Microsoft YaHei,sans-serif;color:#b9cfa4;padding:14px;background:#153a28;margin-bottom:20px}.piece-reference dl{display:grid;grid-template-columns:30px 1fr;gap:8px 12px;margin-block:12px;font-size:13px}.piece-reference dt{color:#f0d291}.piece-reference dd{margin:0;font-family:Microsoft YaHei,sans-serif}.setup-modal .setup-art{min-height:650px}.app[data-network=true] .room-status-bar{display:flex}.beginner-guide .modal-footer>.button-row{flex-shrink:0}.beginner-guide .modal-footer .btn{white-space:nowrap}@media(min-width:880px){.hand-tray{display:grid;grid-template-columns:164px minmax(0,1fr);gap:0 10px;align-items:center}.hand-tray .section-heading{grid-column:1 / -1;width:100%;max-width:none}.hand-tray .color-bonus-hint{margin-top:0;padding:7px 9px}.hand-tray .color-pairs{gap:3px}.hand-tray .color-pairs>span{flex-basis:100%}.hand-tray .color-bonus-hint small{display:block}.hand-tray .hand-cards{min-width:0;justify-content:flex-start}}@media(max-width:879px){.room-status-bar{margin:8px 12px;padding:9px;gap:6px 10px;font-size:12px}.room-status-bar>small{margin-left:0}.room-code{font-size:32px;letter-spacing:5px}.room-code-field input{font-size:19px}.room-lobby .room-footnote{font-size:12px}.color-bonus-hint{padding:10px}.color-bonus-hint>b,.color-bonus-hint .color-pairs{font-size:13px}.color-bonus-hint>p{font-size:12px}.card-bonus{font-size:9px}.beginner-guide .modal-footer{align-items:stretch}.beginner-guide .modal-footer>.button-row{flex-basis:auto;margin-left:auto}.setup-modal .setup-art{display:none}}html,body,#root{width:100%;height:100%}body{min-width:320px}.stage-app{height:100dvh;min-height:100svh;overflow:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.stage-app .topbar{flex:0 0 auto;min-height:56px;height:auto;padding:4px max(12px,calc((100vw - 1120px)/2));gap:12px}.stage-app .brand{font-size:21px}.stage-app .brand-mark{font-family:Fusion,sans-serif;font-size:32px}.stage-app .table-controls{display:flex;gap:6px}.stage-app .icon-btn,.stage-app .text-button,.stage-app .btn{min-height:44px}.stage-app .text-button{padding:8px}.stage-app .room-status-bar{flex:0 0 auto;width:min(1100px,calc(100% - 16px));margin:3px auto;padding:3px 8px;gap:4px 12px}.stage-app .room-status-bar .text-button{min-height:44px}.stage-notice{width:min(1080px,calc(100% - 16px));margin:4px auto;padding:8px;color:#ffe1ac;background:#354b2c;border:1px solid #bc9e64;font:12px/1.6 Microsoft YaHei,sans-serif}.stage-game{flex:1 0 auto;width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;min-height:0}.stage-table{flex:1 0 auto;width:100%;min-height:420px;height:min(64dvh,650px);margin:0 auto;padding:8px 16px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.stage-board-area{display:flex;flex-direction:column;min-width:0;min-height:0}.stage-opponent{display:flex;justify-content:center;align-items:center;gap:10px;min-height:28px;flex:0 0 auto;color:#c9d2ad;font-size:12px}.stage-opponent small{color:#dfc486}.stage-board-space{position:relative;display:grid;place-items:center;min-width:0;min-height:0;flex:1 1 0}.stage-board-space .board-wrap{width:var(--stage-board-size, 100%);height:var(--stage-board-size, auto);max-width:100%;aspect-ratio:1;margin:0 auto}.stage-board-space .board-frame{width:100%;height:100%;padding:5px}.stage-board-space--width{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1;overflow:visible}.stage-board-space--width .board-wrap{height:auto}.stage-task{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px;border-left:1px solid var(--line);overflow:auto;overscroll-behavior:contain}.stage-task-heading{font-size:12px;color:#c6bd8d}.stage-task h1{font-size:24px;line-height:1.45;color:#f0dfaf}.stage-instruction{font:13px/1.7 Microsoft YaHei,sans-serif;color:#bcd0a6}.stage-primary-actions{display:flex;flex-wrap:wrap;gap:8px}.stage-primary-actions .btn{flex:1 1 auto}.stage-recent{min-height:44px;display:flex;flex-direction:column;text-align:left;gap:5px;padding:8px;border:1px solid #85986c66;color:#c4cfae;background:#143729}.stage-recent>span{font-size:11px;color:#e4c88d}.stage-recent>b{font:11px/1.6 Microsoft YaHei,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.stage-rack{flex:0 0 auto;width:100%;border-top:1px solid var(--line);padding:0 16px 8px;background:#17342685}.rack-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.rack-toolbar nav{display:flex;gap:8px}.rack-toolbar nav button{color:#b9caa8;border-bottom:2px solid transparent;padding:8px 12px;min-height:44px;background:transparent;font-size:13px}.rack-toolbar nav button.active{color:#f0d18d;border-color:#dcc57b}.rack-cards{display:flex;gap:10px;justify-content:center;align-items:center;overflow-x:auto;padding:6px 4px;min-height:94px;scrollbar-width:thin}.rack-cards>.playing-card{width:76px;height:86px}.rack-cards>.skill-card-tile{flex:0 0 160px}.rack-cards .skill-card{height:86px}.stage-table-footnote{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 24px);margin:0 auto;color:#a4b592;font-size:11px}.stage-app .pixel-modal{width:min(650px,100%);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:20px}.stage-app .choice-scrim,.stage-app .setup-scrim{padding:12px}.decision-dialog{display:flex;flex-direction:column;overflow:hidden}.decision-dialog h2{font-size:26px;margin-block:8px 12px;flex:0 0 auto}.dialog-navigation{display:flex;justify-content:space-between;gap:12px;flex:0 0 auto}.dialog-navigation .dialog-exit{margin-left:auto;color:#edbd98}.decision-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;color:#ccd9b8;font:14px/1.75 Microsoft YaHei,sans-serif}.decision-content .draft-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;flex:0 0 auto}.stage-dialog-footer .btn{min-height:44px;white-space:normal}.variant-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px}.variant-options button{min-height:76px;border:1px solid #839969;background:#2e5036;color:#c4d2aa;padding:10px;text-align:left}.variant-options button.active{border-color:var(--gold);background:#5b623b;color:#f6dc9d}.variant-options b{display:block;font:18px/1.5 Fusion,sans-serif}.variant-options span{display:block;font:12px/1.65 Microsoft YaHei,sans-serif}.card-spotlight{width:100%}.spotlight-heading{display:flex;gap:16px;align-items:center;margin:4px 0 12px}.spotlight-heading>small{color:#b6c9a5;font-size:12px}.spotlight-content>p{color:#e4dbb4;font-size:15px}.spotlight-content details{margin-block:12px}.spotlight-content summary{cursor:pointer;color:#dfca90;min-height:44px;padding-block:10px}.action-submit-preview{background:#173729;border:1px solid #b5a76c80;padding:9px;margin-top:12px;font:12px/1.7 Microsoft YaHei,sans-serif}.action-submit-preview p+p{margin-top:5px}.choice-options{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;padding:6px;max-height:none;overflow:visible}.choice-preview{border-top:1px solid var(--line);padding-top:8px;color:#e5d5a8}.choice-preview small{display:block;color:#b7c9a3;font-size:12px;margin-top:4px}.choice-option{min-height:44px}.recent-history{display:flex;flex-direction:column;gap:10px;margin-block:10px}.recent-entry{border-left:2px solid #bda464;background:#153a28;padding:10px}.recent-entry>small{color:#cfbb81}.rules-downloads,.home-learn{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px}.rules-downloads a{text-decoration:underline;text-underline-offset:3px}.home-page{width:min(460px,100%);margin:auto;padding:24px 20px;text-align:center}.home-emblem{position:relative;width:90px;height:70px;margin:0 auto 8px;transform:scale(1.8)}.home-page h1{font-size:30px;color:#f0dfb1}.home-intro{margin-block:8px 20px;color:#c2d0ac}.home-version{color:#d7c18a;font-size:13px}.setup-mode-list .btn{min-height:52px;margin-block:10px 0;width:100%;font-size:17px}.continue-game{margin-block:15px}.home-note{padding:8px 0;color:#bfcfa7;font-size:13px}.home-page .rules-downloads{margin-top:16px}.home-page .statistics-panel{margin-top:18px}.empty-hand{padding:10px}@media(max-width:879px)and (orientation:portrait){.stage-app .topbar{min-height:56px;padding-inline:8px;gap:6px}.stage-app .brand{font-size:16px;gap:5px}.stage-app .brand small{display:none}.stage-app .brand-mark{font-size:23px}.stage-app .table-turn{font-size:10px;gap:3px;flex:1;justify-content:center}.stage-app .table-controls{gap:3px}.stage-app .icon-btn{min-width:44px;padding:5px;font-size:11px}.stage-game{flex:0 0 auto}.stage-table{display:flex;flex-direction:column;gap:8px;height:auto;min-height:0;padding:0 8px 8px;flex:0 0 auto}.stage-board-area{width:100%;flex:0 0 auto}.stage-opponent{min-height:26px;font-size:11px;gap:8px}.stage-opponent small{font-size:10px}.stage-board-space .board-frame{padding:3px;box-shadow:0 0 0 1px #173326,0 0 0 2px #82916b}.stage-board-space .board-square .sprite-pixels{transform:translate(-16px,-14px) scale(.95)}.stage-task{flex:0 0 auto;overflow:visible;padding:9px;gap:7px;border:1px solid #82965a66}.stage-task h1{font-size:18px}.stage-task-heading{font-size:11px}.stage-instruction{font-size:13px}.stage-task.has-tactic{padding:0;border:0}.stage-recent{flex-direction:row;align-items:center;gap:10px}.stage-recent>span{flex:0 0 auto}.stage-recent>b{-webkit-line-clamp:1}.stage-rack{padding-inline:8px}.rack-cards{justify-content:flex-start;gap:8px;min-height:90px}.rack-cards>.playing-card{flex:0 0 calc((100vw - 64px)/5);min-width:46px;width:calc((100vw - 64px)/5);height:80px}.rack-cards>.skill-card-tile{flex-basis:calc((100% - 8px)/2)}.stage-table-footnote{font-size:10px}.stage-table-footnote .text-button{font-size:11px}.decision-content .draft-skills{grid-template-columns:1fr;gap:8px}.stage-app .pixel-modal{padding:12px}.stage-app .pixel-modal h2{font-size:23px;margin-right:0}.decision-content{font-size:13px}.variant-options span{font-size:11px}.dialog-navigation .text-button{font-size:12px}.stage-dialog-footer .btn{flex:1 1 auto}.home-page{padding:16px;max-height:calc(100dvh - 56px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex-shrink:0}.home-page .usage-panel[data-collapsed=true]{margin-top:8px;padding-block:4px}.home-page .usage-panel[data-collapsed=true] h2{font-size:16px}}@media(max-width:879px)and (orientation:portrait)and (max-height:720px){.home-page .home-emblem{display:none}.home-page{padding-block:10px}.home-page h1{font-size:26px}.home-page .home-intro{margin-block:6px 10px}.home-page .setup-mode-list .btn{min-height:48px;margin-top:8px}.home-page .rules-downloads{margin-top:8px}}@media(orientation:landscape)and (max-height:540px){.stage-app .topbar{min-height:48px;padding-inline:10px}.stage-app .brand small{display:none}.stage-table{display:grid;grid-template-columns:minmax(310px,1fr) minmax(230px,.7fr);min-height:332px;height:calc(100dvh - 56px);padding:0 8px 8px;gap:10px}.stage-task{padding:8px;justify-content:flex-start}.stage-task h1{font-size:19px}.stage-board-space .board-square .sprite-pixels{transform:translate(-16px,-14px) scale(.9)}.stage-rack{width:min(100%,860px);margin-inline:auto}.home-emblem{display:none}.home-page{padding-block:12px}}.risk-revealed{display:flex;justify-content:center;gap:10px;margin-block:8px}.network-read-status{font:12px/1.6 Microsoft YaHei,sans-serif;color:#e8dfbd}.history-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px}