:root{--ui-art-panel: url(/ui/courtyard/wood-paper-panel.png);--ui-art-paper: none;--ui-art-plaque: url(/ui/courtyard/wood-paper-panel.png);--ui-art-frame: url(/ui/courtyard/wood-paper-panel.png);--ui-art-button-green: url(/ui/courtyard/button-teal.png);--ui-art-button-blue: url(/ui/courtyard/button-teal.png);--ui-art-button-gold: url(/ui/courtyard/button-orange.png);--ui-art-round: none;--ui-art-leaves: none;--ui-panel-slice: 250 260 260 250;--ui-panel-border: 44px;--ui-plaque-slice: 250 260 260 250;--ui-frame-slice: 250 260 260 250;--ui-button-slice: 0 260 0 260}#ui .intro-panel,#ui .result-panel,#ui .game-error{background-image:var(--ui-art-paper);background-repeat:repeat;background-size:256px 256px;background-origin:padding-box;background-clip:padding-box;border-color:transparent;border-image-source:var(--ui-art-panel);border-image-slice:var(--ui-panel-slice) fill;border-image-width:var(--ui-panel-border);border-image-outset:6px;border-image-repeat:stretch}#ui .title-plaque,#ui .intro-title-sign{border-color:transparent;background-clip:padding-box;border-image-source:var(--ui-art-plaque);border-image-slice:var(--ui-plaque-slice);border-image-width:14px;border-image-outset:3px;border-image-repeat:stretch}#ui .character-choice,#ui .portrait-frame{border-color:transparent;background-clip:padding-box;border-image-source:var(--ui-art-frame);border-image-slice:var(--ui-frame-slice);border-image-width:10px;border-image-outset:2px;border-image-repeat:stretch}#ui .primary-button,#ui .secondary-button,#ui .choose-again-button{background-color:transparent;box-shadow:none;border-image-slice:var(--ui-button-slice) fill;border-color:transparent;background-clip:padding-box;border-image-width:0 24px;border-image-outset:5px 2px 10px;border-image-repeat:stretch}#ui .primary-button{border-image-source:var(--ui-art-button-green)}#ui .start-button{border-image-source:var(--ui-art-button-gold)}#ui .secondary-button,#ui .choose-again-button{border-image-source:var(--ui-art-button-blue)}#ui .match-clock,#ui .power-stats,#ui .desktop-controls,#ui .direction-button{border-color:transparent;background-clip:padding-box;border-image-source:var(--ui-art-frame);border-image-slice:var(--ui-frame-slice);border-image-width:10px;border-image-outset:2px;border-image-repeat:stretch}#ui .pause-button,#ui .icon-button,#ui .touch-bomb{background-image:var(--ui-art-round);background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;background-clip:border-box}@media(max-width:700px){:root{--ui-panel-border: 36px}#ui .character-choice,#ui .portrait-frame{border-image-width:8px}}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Courtyard Play;src:url(/fonts/ZCOOLKuaiLe-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Outfit,PingFang SC,Microsoft YaHei,sans-serif;color:#62421f;background-color:#79c6d2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #62421f;--cream: #fff1cb;--paper: #fff0c1;--wood: #a86b39;--wood-dark: #694124;--teal: #277c88;--edge: 16px;--safe-top: max(var(--edge), env(safe-area-inset-top));--safe-bottom: max(var(--edge), env(safe-area-inset-bottom));--ease: cubic-bezier(.16, 1, .3, 1);--game-font: "Courtyard Play", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #116b83;outline-offset:5px}button svg{display:block}svg{flex:none}::selection{color:#fff3cc;background-color:#277c88}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{position:relative;isolation:isolate}#arena{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none;touch-action:none}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#ui button,#ui a{pointer-events:auto}#playfield,.game-header{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.button-content{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;position:relative;z-index:1}.roster{position:absolute;top:var(--safe-top);left:max(var(--edge),env(safe-area-inset-left));display:flex;align-items:flex-start;gap:10px}.roster-beast{position:relative;display:flex;width:68px;flex-direction:column;align-items:center}.portrait-disc{position:relative;display:grid;place-items:center;width:68px;height:67px;border-style:solid;border-width:6px;border-color:#b57d40;border-radius:15px;background-color:#4c98a2;box-shadow:0 5px 8px #4c33193d}.portrait-art{display:block;width:100%;height:100%;overflow:hidden;border-radius:8px}.portrait-art img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.portrait-frame{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:5px solid transparent;pointer-events:none;z-index:2}.jade-gem{display:block;width:100%;height:100%;padding:9%}.you-label{position:absolute;right:-10px;top:-9px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #764422;border-radius:50%;background-color:#ffda70;color:#694124;font-family:var(--game-font);font-size:12px;line-height:1;z-index:2;box-shadow:0 2px 3px #48301438}.beast-name{display:block;margin-top:3px;padding:2px 7px 1px;min-width:45px;border:1px solid #b58045;border-radius:6px;background-color:#ffedbd;color:#694124;font-family:var(--game-font);font-size:13px;line-height:1.15;text-align:center}.beast-life{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:3px;height:13px}.beast-life i{display:block;color:#4aa9ac;width:12px;height:13px;filter:drop-shadow(0 1px 1px rgb(72 51 25 / 30%))}.beast-life i svg{width:100%;height:100%}.beast-life i.is-empty{color:#a58863;opacity:.55}.roster-beast.is-out .portrait-art{filter:grayscale(1);opacity:.48}.roster-beast.is-out .beast-name{color:#8f795e;background-color:#e5d2ae}.roster-beast.is-hurt .portrait-disc{box-shadow:0 5px 8px #4c33193d,inset 0 0 0 2px #e89e63}.match-clock{position:absolute;left:50%;top:var(--safe-top);transform:translate(-50%);display:flex;align-items:center;gap:10px;justify-content:center;min-width:172px;height:62px;padding:4px 17px;border:6px solid #ae773a;border-radius:16px;background-color:#236c7e;color:#fff3c8;box-shadow:0 5px 8px #42331b38;font-variant-numeric:tabular-nums}.clock-medallion{display:grid;place-items:center;color:#ffe2a1}.clock-medallion svg{width:25px;height:25px}.clock-readout{display:flex;flex-direction:column;align-items:center;gap:1px}.clock-label{font-size:9px;font-weight:650;line-height:1;color:#d4e9dd}.match-clock [data-timer]{font-size:30px;font-weight:850;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 2px #204b51}.match-clock.is-urgent{color:#fff0a1;background-color:#b94c36;animation:clock-warning 1s ease-in-out infinite}.header-actions{position:absolute;top:var(--safe-top);right:max(var(--edge),env(safe-area-inset-right))}.pause-button,.icon-button{display:grid;place-items:center;padding:0;border:5px solid #a97035;border-radius:50%;background-color:#398c9e;color:#fff2c5;box-shadow:0 5px 6px #48311842,inset 0 2px 1px #ffffeb66;transition:transform .18s var(--ease),filter .18s}.pause-button{width:62px;height:62px}.pause-button svg{width:27px;height:27px;filter:drop-shadow(0 2px 1px #24576a)}.pause-button:disabled{opacity:.7;cursor:default}.auxiliary-actions{position:absolute;top:calc(var(--safe-top) + 8px);right:calc(max(var(--edge),env(safe-area-inset-right)) + 78px);display:flex;gap:10px}.icon-button{width:44px;height:44px;border-width:4px}.icon-button svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px #24576a)}.icon-button[aria-pressed=true]{background-color:#d19647;color:#fff5cf}.intro-panel{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(714px,calc(100% - 40px));padding:12px 19px 9px;border:20px solid #a66a33;border-radius:23px;background-color:var(--paper);color:var(--ink);box-shadow:0 14px 23px #48391c4d;pointer-events:auto;isolation:isolate}.title-plaque{position:relative;display:flex;align-items:center;justify-content:center;min-height:61px;width:fit-content;max-width:96%;padding:7px 34px;border:7px solid #8c552b;border-radius:11px;background-color:#ae7039;color:#fff0be;box-shadow:0 4px 4px #5c36173b}.intro-title-sign{margin:-57px auto 10px}.title-plaque h1,.title-plaque h2{margin:0;font-family:var(--game-font);font-weight:400;text-wrap:balance;text-align:center;text-shadow:0 2px 1px #623515;-webkit-text-stroke:2px #633917;paint-order:stroke fill}.title-plaque h1{font-size:31px;letter-spacing:.025em}.intro-description{margin:0 0 12px;color:#856137;text-align:center;font-size:12px;line-height:1.4}.character-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.character-choice{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;padding:7px 5px 6px;border:6px solid #b67b3e;border-radius:14px;background-color:#d6e6d5;color:#694124;box-shadow:0 5px 4px #734e202e;transition:transform .2s var(--ease),background-color .18s,box-shadow .18s}.choice-inset{display:grid;place-items:center;width:100%;border-radius:8px;background-color:#c6dcd8;box-shadow:inset 0 2px 5px #2d5e6424}.choice-portrait{display:block;width:94px;height:76px;max-width:100%}.choice-portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgb(56 70 53 / 22%))}.choice-name{margin-top:5px;font-family:var(--game-font);font-size:17px;line-height:1.2}.character-choice.is-selected{background-color:#ffdc83;color:#65411f;box-shadow:0 0 0 3px #2c8794,0 6px 6px #503f1b38}.character-choice.is-selected .choice-inset{background-color:#ffe5a4}.choice-selected{position:absolute;right:-10px;top:-11px;display:none;place-items:center;width:27px;height:27px;padding:4px;border:3px solid #8e6732;border-radius:50%;background-color:#6ab65b;color:#fff4c1;box-shadow:0 2px 2px #5d3d1640}.choice-selected svg{width:100%;height:100%}.character-choice.is-selected .choice-selected{display:grid;animation:selected-pop .25s var(--ease)}.selection-detail{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:14px 0 13px;color:#815d33;font-size:11px;line-height:1.5;min-height:20px}.selection-detail strong{font-family:var(--game-font);font-size:16px;font-weight:400;color:#267886}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-guidance{min-width:0}.intro-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;font-size:11px;color:#79562f}.intro-controls>span{display:flex;align-items:center;gap:5px}.key-or{opacity:.7}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:21px;padding:0 4px;border:1px solid #b38a53;border-radius:4px;background-color:#fff7dc;color:#6a4b26;box-shadow:0 2px 1px #c7a873;font:700 10px Outfit,PingFang SC,sans-serif;line-height:1}.touch-intro{display:none}.match-details{margin:6px 0 0;color:#8b6439;font-size:10px;line-height:1.4}.match-details>span{margin:0 4px}.primary-button,.secondary-button,.choose-again-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:10px 17px;border:6px solid #78512b;border-radius:13px;background-color:#438e6b;color:#fff6cb;box-shadow:0 5px 3px #86592e,0 8px 9px #5d3c1636,inset 0 2px 1px #ffffd77f;font-family:var(--game-font);font-size:19px;line-height:1.1;text-shadow:0 2px 1px #355a37;-webkit-text-stroke:2.5px #654222;paint-order:stroke fill;transition:transform .18s var(--ease),filter .18s,box-shadow .18s}.primary-button .button-content{justify-content:space-between}.primary-button svg{width:23px;height:23px}.start-button{flex:none;width:208px;min-height:61px;background-color:#e7a038;color:#fff8d8;text-shadow:0 2px 1px #8f551d;font-size:22px}.choose-again-button,.secondary-button{background-color:#398eaa;text-shadow:0 2px 1px #245e71;font-size:17px}.intro-meta{margin-top:11px;text-align:center}.model-loading{margin:0 0 4px;color:#815c32;font-size:11px;line-height:1.4}.model-review-link{color:#236b77;font-size:10px;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:3px}.primary-button:disabled{opacity:.64;filter:saturate(.55);transform:none;cursor:wait}#ui:not([data-phase=ready]) .intro-panel{display:none}#ui[data-phase=ready] .intro-panel{animation:ready-arrive .38s var(--ease)}.game-footer{position:absolute;bottom:var(--safe-bottom);left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;gap:20px;pointer-events:none}.desktop-controls{display:flex;align-items:center;gap:16px;padding:9px 12px;border:5px solid #ac773e;border-radius:10px;background-color:#ffedc4;color:#77532c;box-shadow:0 4px 7px #583d1830}.desktop-controls>span{display:inline-flex;align-items:center;gap:3px}.desktop-controls .control-label{margin-left:4px;font-size:10px}.desktop-controls kbd{min-width:18px;height:19px;font-size:9px}.desktop-controls .space-key{min-width:34px}.power-stats{display:flex;align-items:center;gap:16px;padding:8px 14px;border:6px solid #a97036;border-radius:12px;background-color:#ffedc1;box-shadow:0 4px 8px #583d183d}.power-stat{display:flex;align-items:center;gap:7px}.power-icon{display:grid;place-items:center;width:29px;height:29px;border:2px solid #a27237;border-radius:8px;background-color:#67bbca;color:#fff8d6;box-shadow:inset 0 2px 1px #ffffeb73}.power-range .power-icon{background-color:#e5aa48}.power-speed .power-icon{background-color:#78a753}.power-icon svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px rgb(62 83 58 / 40%))}.power-copy{display:flex;flex-direction:column;gap:1px;color:#835d31;font-size:10px;line-height:1}.power-copy strong{color:#376e72;font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}.round-objective{position:absolute;right:max(var(--edge),env(safe-area-inset-right));bottom:calc(var(--safe-bottom) + 78px);display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background-color:#fff0c8;color:#76572f;font-size:10px;box-shadow:0 3px 6px #583d1829}.live-dot{width:6px;height:6px;border-radius:50%;background-color:#43a38c}#ui[data-phase=ready] .game-footer,#ui[data-phase=ready] .round-objective,.touch-controls{display:none}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px 20px;background-color:#2143414d;pointer-events:auto}.result-panel{position:relative;width:min(440px,100%);padding:9px 21px 15px;border:20px solid #a36934;border-radius:22px;background-color:var(--paper);color:var(--ink);box-shadow:0 16px 30px #3c311952;isolation:isolate;animation:popup-arrive .38s var(--ease)}.result-title-sign{width:fit-content;min-width:230px;max-width:108%;margin:-56px auto 16px;min-height:62px;padding:9px 22px}.title-plaque h2{font-size:26px;line-height:1.15}.result-body{text-align:center}.result-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border:4px solid #b98441;border-radius:50%;background-color:#4a9caa;color:#ffe6a4;box-shadow:0 3px 5px #77532236,inset 0 2px 1px #ffffe666}.result-symbol svg{width:36px;height:36px}.result-body>p{margin:0 0 19px;color:#846039;font-size:13px;line-height:1.6}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 24px}.result-stat{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.result-stat-icon{color:#af7d35;width:24px;height:24px}.result-stat-icon svg{width:100%;height:100%}.result-stat strong{color:#287f87;font-size:30px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.result-stat-label{color:#846039;font-size:11px;line-height:1.3}.choose-again-button{margin-top:14px;min-height:48px}.result-panel .result-footnote{margin:14px 0 0;color:#7c572e;font-size:11px;line-height:1.4}.result-panel[data-outcome=win] .result-symbol{background-color:#79a84c;color:#fff2af}.result-panel[data-outcome=lose] .result-symbol{background-color:#cd8e51;color:#ffedbd}.game-toast{position:absolute;top:calc(var(--safe-top) + 82px);right:max(var(--edge),env(safe-area-inset-right));max-width:min(280px,calc(100% - 32px));padding:10px 14px;border:2px solid #b8864a;border-radius:10px;background-color:#fff2ce;color:#79552c;box-shadow:0 5px 9px #543f2033;font-size:12px;font-weight:650;line-height:1.5;pointer-events:none}.game-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 38px));padding:24px;border:20px solid #a36934;border-radius:20px;background-color:var(--paper);color:var(--ink);text-align:center;pointer-events:auto}.game-error>strong{font-family:var(--game-font);font-size:23px;font-weight:400}.game-error>p{margin:15px 0 22px;color:#846039;font-size:13px;line-height:1.6}@media(hover:hover){.character-choice:hover{transform:translateY(-3px);background-color:#e6edcc}.character-choice.is-selected:hover{background-color:#ffe49d}.primary-button:hover:not(:disabled),.secondary-button:hover,.choose-again-button:hover{transform:translateY(-2px);filter:brightness(1.08) saturate(1.08)}.pause-button:hover:not(:disabled),.icon-button:hover{transform:translateY(-2px);filter:brightness(1.12)}}.character-choice:active{transform:translateY(2px) scale(.98)}.primary-button:active:not(:disabled),.secondary-button:active,.choose-again-button:active{transform:translateY(3px);box-shadow:0 2px 2px #86592e,0 4px 5px #5d3c162e}.pause-button:active:not(:disabled),.icon-button:active{transform:translateY(2px) scale(.96)}@keyframes ready-arrive{0%{transform:translate(-50%,16px) scale(.97);filter:blur(1px)}to{transform:translate(-50%) scale(1);filter:blur(0)}}@keyframes popup-arrive{0%{transform:translateY(18px) scale(.94);filter:blur(1.5px)}to{transform:translateY(0) scale(1);filter:blur(0)}}@keyframes selected-pop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes clock-warning{50%{filter:brightness(1.13)}}@media(min-width:1600px){:root{--edge: 22px}.intro-panel{width:760px;bottom:30px;padding:14px 23px 12px}.choice-portrait{width:106px;height:86px}.character-choice{padding-top:10px;padding-bottom:9px}.title-plaque h1{font-size:35px}}@media(max-width:1050px)and (min-width:701px){:root{--edge: 13px}.roster{gap:7px}.roster-beast,.portrait-disc{width:57px}.portrait-disc{height:57px}.beast-name{font-size:12px}.match-clock{min-width:154px;height:58px}.match-clock [data-timer]{font-size:27px}.pause-button{width:55px;height:55px}.auxiliary-actions{right:calc(var(--edge) + 68px);gap:7px}.icon-button{width:39px;height:39px}}@media(max-width:700px),(pointer:coarse){.desktop-controls{display:none}.touch-controls{position:absolute;left:max(13px,env(safe-area-inset-left));right:max(13px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.direction-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);width:132px;height:132px}.direction-button{display:grid;place-items:center;margin:2px;padding:0;border:4px solid #9d7038;border-radius:12px;background-color:#4b9eab;color:#fff1be;touch-action:none;box-shadow:0 4px 3px #926333,0 6px 6px #5a3f1a33;transition:transform .12s,filter .12s}.direction-button svg{width:22px;height:22px;filter:drop-shadow(0 2px 1px #28616d)}.direction-button.is-held{transform:translateY(3px) scale(.96);filter:brightness(1.14);box-shadow:0 1px 2px #926333}.direction-up{grid-area:1/2}.direction-left{grid-area:2/1}.direction-right{grid-area:2/3}.direction-down{grid-area:3/2}.direction-left svg{transform:rotate(-90deg)}.direction-right svg{transform:rotate(90deg)}.direction-down svg{transform:rotate(180deg)}.direction-center{grid-area:2/2;align-self:center;justify-self:center;width:12px;height:12px;border:2px solid #996b34;border-radius:50%;background-color:#edd096}.touch-bomb{display:block;width:92px;height:92px;padding:10px;border:6px solid #9b6b32;border-radius:50%;background-color:#389baf;color:#fff3bf;box-shadow:0 6px 5px #5b411c45,inset 0 3px 1px #ffffe173;touch-action:none;transition:transform .12s,filter .12s}.touch-bomb .button-content{flex-direction:column;gap:4px}.touch-bomb-icon svg{width:34px;height:34px;filter:drop-shadow(0 2px 1px #28616d)}.touch-bomb-label{font-family:var(--game-font);font-size:14px;text-shadow:0 2px 1px #28616d}.touch-bomb:active{transform:translateY(3px) scale(.97);filter:brightness(1.13)}#ui:not([data-phase=playing]) .touch-controls{display:none}.intro-controls{display:none}.touch-intro{display:block;margin:0;color:#856238;font-size:11px;line-height:1.4}}@media(max-width:700px){:root{--edge:10px}.roster{gap:5px}.roster-beast,.portrait-disc{width:42px}.portrait-disc{height:43px;border-width:4px;border-radius:11px}.portrait-art{border-radius:6px}.you-label{width:19px;height:19px;top:-8px;right:-7px;font-size:9px;border-width:1.5px}.beast-name{min-width:34px;margin-top:3px;padding:1px 4px;font-size:10px}.beast-life{margin-top:2px;height:11px;gap:2px}.beast-life i{width:10px;height:11px}.match-clock{left:auto;right:65px;transform:none;min-width:103px;height:46px;padding:3px 7px;gap:5px;border-width:5px;border-radius:12px}.clock-medallion svg{width:18px;height:18px}.clock-label{font-size:7px}.match-clock [data-timer]{font-size:22px}.pause-button{width:45px;height:46px;border-width:4px}.pause-button svg{width:21px;height:21px}.auxiliary-actions{top:calc(var(--safe-top) + 59px);right:var(--edge);gap:7px}.icon-button{width:33px;height:33px;border-width:3px}.icon-button svg{width:16px;height:16px}.intro-panel{bottom:max(19px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:450px;padding:8px 10px 6px;border-width:17px;border-radius:18px}.title-plaque{min-height:51px;padding:6px 22px;border-width:6px}.intro-title-sign{margin:-47px auto 10px}.title-plaque h1{font-size:26px}.intro-description{font-size:11px;margin-bottom:10px}.character-choices{gap:7px}.character-choice{padding:5px 2px;border-width:4px;border-radius:10px}.choice-portrait{width:62px;height:55px}.choice-name{font-size:13px;margin-top:5px}.choice-selected{width:22px;height:22px;padding:3px;border-width:2px;top:-10px;right:-7px}.selection-detail{gap:6px;flex-direction:column;align-items:center;margin:11px 0;min-height:34px;font-size:10px;line-height:1.35;text-align:center}.selection-detail strong{font-size:14px}.intro-bottom{flex-direction:column;gap:10px}.intro-guidance{display:flex;justify-content:center;gap:7px;align-items:center;flex-wrap:wrap}.match-details{font-size:9px;margin:0}.start-button{width:100%;min-height:50px;font-size:21px;padding:8px 19px}.intro-meta{margin-top:10px}.model-review-link{font-size:9px}.game-footer{left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:block}.power-stats{gap:8px;padding:6px 8px;border-width:4px;border-radius:10px}.power-stat{gap:4px}.power-icon{width:21px;height:23px;border-width:1.5px;border-radius:6px}.power-icon svg{width:15px;height:15px}.power-copy{gap:1px}.power-label{font-size:7px}.power-copy strong{font-size:15px}.round-objective{display:none}.game-toast{top:calc(var(--safe-top) + 99px);max-width:235px;padding:7px 10px;font-size:11px}.overlay-layer{padding:28px 16px}.result-panel{max-width:358px;padding:9px 12px 13px;border-width:17px}.result-title-sign{margin:-48px auto 13px;min-width:210px;min-height:53px;padding:7px 14px}.title-plaque h2{font-size:23px}.result-symbol{width:56px;height:56px}.result-symbol svg{width:30px;height:30px}.result-body>p{font-size:12px;margin-bottom:16px}.result-stats{gap:8px;margin:15px 0 20px}.result-stat strong{font-size:27px}.result-stat-label{font-size:10px}.result-action{min-height:52px;font-size:19px}.choose-again-button{min-height:46px;font-size:16px}}@media(max-width:380px){:root{--edge:8px}.roster{gap:4px}.roster-beast,.portrait-disc{width:38px}.portrait-disc{height:40px}.beast-name{font-size:9px;min-width:31px}.match-clock{min-width:96px;right:60px}.pause-button{width:43px}.direction-pad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);width:120px;height:120px}.touch-bomb{width:82px;height:82px;padding:8px}.touch-bomb-icon svg{width:29px;height:29px}.power-stats{gap:6px;padding:5px 6px}.power-icon{width:18px;height:21px}.power-icon svg{width:13px;height:13px}.choice-portrait{height:49px}.title-plaque h1{font-size:24px}}@media(max-height:540px)and (orientation:landscape){:root{--edge:10px}.roster{gap:5px}.roster-beast,.portrait-disc{width:41px}.portrait-disc{height:42px;border-width:4px}.beast-name{font-size:9px;min-width:32px;padding:1px 3px}.beast-life{margin-top:1px;height:10px}.beast-life i{width:9px;height:10px}.you-label{width:18px;height:18px;top:-8px;right:-7px;font-size:9px}.match-clock{left:50%;right:auto;transform:translate(-50%);height:45px;min-width:130px;gap:7px}.match-clock [data-timer]{font-size:24px}.clock-label{font-size:7px}.clock-medallion svg{width:20px;height:20px}.pause-button{width:46px;height:46px}.pause-button svg{width:22px;height:22px}.auxiliary-actions{top:var(--safe-top);right:calc(var(--edge) + 60px);gap:7px}.icon-button{width:36px;height:36px}.intro-panel{width:min(590px,calc(100% - 190px));bottom:15px;padding:6px 12px;border-width:17px}.intro-title-sign{margin-top:-42px;margin-bottom:6px;min-height:45px}.title-plaque h1{font-size:25px}.intro-description{margin-bottom:7px;font-size:10px}.character-choices{gap:9px}.character-choice{padding:3px;border-width:4px}.choice-portrait{width:63px;height:42px}.choice-name{font-size:12px;margin-top:2px}.choice-selected{width:21px;height:21px;top:-8px;right:-7px;border-width:2px}.selection-detail{margin:8px 0;min-height:16px;font-size:10px}.selection-detail strong{font-size:13px}.start-button{width:175px;min-height:47px;font-size:19px}.intro-meta{margin-top:6px}.model-review-link{font-size:9px}.desktop-controls{padding:7px 9px;gap:10px}.power-stats{padding:6px 9px;gap:10px}.round-objective{display:none}.game-toast{top:calc(var(--safe-top) + 73px);font-size:10px;padding:7px 10px}.result-panel{max-width:410px;padding:5px 15px 9px}.result-title-sign{margin-top:-45px;margin-bottom:8px;min-height:48px}.title-plaque h2{font-size:24px}.result-symbol{width:39px;height:39px;margin-bottom:8px}.result-symbol svg{width:24px;height:24px}.result-body>p{font-size:11px;margin-bottom:10px}.result-stats{margin:9px 0 14px;gap:14px}.result-stat{gap:4px}.result-stat-icon{width:19px;height:19px}.result-stat strong{font-size:24px}.result-action{min-height:43px;font-size:17px}.choose-again-button{min-height:39px;margin-top:10px;font-size:15px}.result-panel .result-footnote{margin-top:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#ui[data-phase=ready] .game-header,#ui[data-phase=ready] .roster{visibility:hidden}#ui .start-screen{position:absolute;top:0;right:0;bottom:0;left:0;transform:none;display:block;width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;margin:0;padding:0;border:0;border-image:none;border-radius:0;background:transparent;background-image:none;box-shadow:none;overflow:hidden;isolation:isolate}#ui[data-phase=ready] .start-screen{animation:start-screen-arrive .45s var(--ease)}.start-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.start-cover{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;background-color:#79c6d2}.start-art-caption{display:none}.start-side{position:absolute;top:50%;right:max(clamp(24px,3vw,48px),env(safe-area-inset-right));z-index:1;width:clamp(280px,25vw,338px);min-width:0;max-width:calc(100% - 36px);max-height:calc(100% - 64px);padding:17px 16px 15px;transform:translateY(-50%);border:16px solid transparent;border-image-source:var(--ui-art-panel);border-image-slice:var(--ui-panel-slice) fill;border-image-width:33px;border-image-outset:4px;border-image-repeat:stretch;border-radius:16px;background-color:var(--paper);background-clip:padding-box;color:var(--ink);box-shadow:0 12px 28px #304e4247;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5864b #fff0c1}.start-side::-webkit-scrollbar{width:6px}.start-side::-webkit-scrollbar-thumb{background-color:#b5864b;border:1px solid #fff0c1;border-radius:8px}.start-side::-webkit-scrollbar-track{background-color:#fff0c1}.start-title{text-align:center;margin:0 0 17px}.start-title h1{margin:0;font-family:var(--game-font);font-size:clamp(28px,2.5vw,35px);font-weight:400;line-height:1.13;color:#694124;text-wrap:balance}.start-title>p{margin:8px 0 0;font-family:var(--game-font);font-size:19px;color:#277c88;line-height:1.2}.menu-current{display:flex;align-items:center;gap:10px;margin:0 4px 18px;padding:0 7px 14px;border-bottom:1px solid #c2ae77}.menu-current-portrait{display:block;width:40px;height:40px;flex:none}.menu-current-portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgb(73 67 32 / 20%))}.menu-current>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.menu-current-label{font-size:10px;line-height:1.2;color:#72542e}.menu-current strong{font-family:var(--game-font);font-size:19px;line-height:1.1;font-weight:400;color:#694124}.menu-change{margin-left:auto;border:0;padding:8px 3px;background:none;color:#236b77;font-size:12px;font-weight:650;text-underline-offset:4px;text-decoration:underline}.main-menu{display:grid;gap:13px}#ui .start-screen .start-button,#ui .start-screen .menu-button,#ui .start-screen .menu-confirm{width:100%;min-height:48px;padding:8px 14px}#ui .start-screen .start-button{min-height:56px;font-size:23px;margin-bottom:3px}#ui .start-screen .menu-button{font-size:18px;text-decoration:none}.main-menu .button-content{justify-content:flex-start;gap:10px}.main-menu .button-content>span:not(.menu-switch):not([data-menu-sound-icon]){flex:1;text-align:left}.main-menu .button-content>svg:first-child,.main-menu [data-menu-sound-icon] svg{width:20px;height:20px}.main-menu .button-content>svg:last-child{width:16px;height:16px;margin-left:auto}.menu-switch{flex:none;color:#fff4ce;font-family:Outfit,PingFang SC,sans-serif;font-size:11px;font-weight:700;text-shadow:none;-webkit-text-stroke:0;border-radius:4px;padding:4px 6px;background-color:#215d68}.menu-sound[aria-pressed=true] .menu-switch{background-color:#704d2b}.start-screen .intro-meta{margin-top:19px}.menu-match-note{margin:0;color:#72542e;font-size:11px;line-height:1.4}.menu-match-note span{margin:0 4px}.start-screen .model-loading{font-size:11px;color:#694124;margin-bottom:8px}.menu-page-heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}.menu-page-heading h2{margin:0;color:#694124;font-family:var(--game-font);font-weight:400;font-size:24px;line-height:1.15}.menu-page-heading h2:focus{outline:none}.menu-back{display:grid;place-items:center;flex:none;border:1px solid #8fae9d;border-radius:8px;background-color:#d6e6d5;color:#277c88;width:33px;height:33px;padding:6px}.menu-back svg{width:19px;height:19px}.menu-page-description{margin:0 0 15px;color:#72542e;font-size:12px;line-height:1.5}.start-screen .character-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.start-screen .character-choice{padding:5px 5px 7px;border-width:5px}.start-screen .choice-portrait{width:94px;height:65px}.start-screen .choice-name{margin-top:4px;font-size:16px}.start-screen .choice-selected{width:23px;height:23px;top:-8px;right:-8px;border-width:2px}.start-screen .selection-detail{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:5px;margin:16px 2px 17px;min-height:54px;font-size:12px;line-height:1.5;color:#6c4f2a}.start-screen .selection-detail strong{font-size:18px}#ui .start-screen .menu-confirm{min-height:48px;font-size:18px}.guide-controls{padding:10px 0 15px;border-bottom:1px solid #c2ae77}.guide-controls p{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:11px;line-height:1.4;color:#72542e}.guide-controls p:last-child{margin-bottom:0}.guide-controls strong{font-size:12px;font-weight:650;margin-right:5px}.guide-controls .guide-touch-copy{display:block;margin-top:10px;font-size:10px;line-height:1.5}.guide-rules{list-style:none;display:grid;gap:13px;padding:0;margin:16px 0 20px}.guide-rules li{display:flex;flex-direction:column;gap:4px}.guide-rules strong{font-family:var(--game-font);font-size:17px;font-weight:400;color:#277c88;line-height:1.2}.guide-rules span{font-size:12px;line-height:1.5;color:#6c4f2a}@keyframes start-screen-arrive{0%{opacity:.65}to{opacity:1}}@media(max-width:960px)and (min-width:701px){.start-side{right:max(20px,env(safe-area-inset-right));width:280px;padding:15px 13px}.start-title h1{font-size:31px}}@media(max-width:700px)and (orientation:portrait){.start-art{background:#79c6d2 url(/ui/courtyard/start-cover-fullscreen-20261026.png) right center / cover no-repeat}.start-cover{width:100%;height:auto;max-height:min(35vh,56.25vw);object-fit:contain;object-position:center top}.start-side{top:auto;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));width:min(350px,calc(100% - 32px));max-width:none;max-height:calc(100% - min(35vh,56.25vw) - 28px);padding:15px 15px 14px;transform:none;border-width:14px;border-image-width:28px}.start-title{margin-bottom:12px}.start-title h1{font-size:31px}.start-title>p{font-size:16px;margin-top:4px}.menu-current{margin-bottom:13px;padding-bottom:10px}.menu-current-portrait{width:36px;height:36px}.menu-current strong{font-size:17px}.main-menu{gap:11px}#ui .start-screen .start-button{min-height:52px;font-size:22px;margin-bottom:1px}#ui .start-screen .menu-button{min-height:45px;font-size:18px;padding-top:6px;padding-bottom:6px}.start-screen .intro-meta{margin-top:14px}.menu-match-note{font-size:10px}.start-screen .character-choices{gap:13px}.start-screen .choice-portrait{width:100px;height:76px}.start-screen .selection-detail{min-height:50px}}@media(max-height:620px)and (orientation:landscape){.start-side{right:max(18px,env(safe-area-inset-right));width:270px;max-height:calc(100% - 36px);padding:10px 12px;border-width:14px;border-image-width:28px}.start-title{margin-bottom:8px}.start-title h1{font-size:28px}.start-title>p{font-size:14px;margin-top:3px}.menu-current{gap:8px;margin-bottom:10px;padding-bottom:8px}.menu-current-portrait{width:32px;height:32px}.menu-current-label{font-size:9px}.menu-current strong{font-size:16px}.main-menu{gap:9px}#ui .start-screen .start-button{min-height:43px;font-size:20px;margin-bottom:1px}#ui .start-screen .menu-button{min-height:37px;font-size:16px;padding:5px 15px}.start-screen .intro-meta{margin-top:12px}.menu-match-note{font-size:9px}.start-screen[data-menu-view]:not([data-menu-view=home]) .start-title{display:none}.start-screen[data-menu-view]:not([data-menu-view=home]) .menu-current{margin-bottom:10px;padding-bottom:7px}.menu-page-heading{margin-bottom:6px}.menu-page-heading h2{font-size:21px}.menu-page-description{font-size:10px;margin-bottom:10px}.start-screen .character-choices{gap:10px}.start-screen .choice-portrait{width:75px;height:41px}.start-screen .choice-name{font-size:13px;margin-top:1px}.start-screen .character-choice{padding:3px;border-width:4px}.start-screen .selection-detail{gap:3px;margin:10px 0;min-height:42px;font-size:10px}.start-screen .selection-detail strong{font-size:16px}#ui .start-screen .menu-confirm{min-height:37px;font-size:16px;padding:5px 15px}.guide-controls{padding:3px 0 8px}.guide-controls p{font-size:10px;margin-bottom:6px}.guide-controls .guide-touch-copy{display:none}.guide-rules{gap:8px;margin:10px 0 13px}.guide-rules strong{font-size:15px}.guide-rules span{font-size:10px;line-height:1.4}}@media(max-height:440px)and (orientation:landscape){.start-side{width:265px;max-height:calc(100% - 28px);padding:8px 11px}.start-title h1{font-size:25px}.start-title>p{display:none}.menu-current{padding-bottom:5px;margin-bottom:8px}.menu-current-portrait{width:27px;height:27px}.menu-current-label{display:none}.main-menu{gap:8px}#ui .start-screen .start-button{min-height:38px;font-size:19px}#ui .start-screen .menu-button{min-height:32px;font-size:15px;padding:3px 14px}.main-menu .button-content>svg:first-child,.main-menu [data-menu-sound-icon] svg{width:18px;height:18px}.start-screen .intro-meta{margin-top:8px}.menu-match-note{font-size:8px}}