/* Illustrated UI, not CSS stand-in panels. */
body{background:#a4ca69 url('assets/garden-world.png') center center/auto 100dvh fixed no-repeat!important}body:before{content:'';position:fixed;inset:0;background:#d8eb9a10;pointer-events:none;z-index:-1}.topbar{padding:18px 18px 5px!important;max-width:540px;height:70px;align-items:center}.brand{font-size:28px!important;color:#83c541!important;font-weight:1000!important;transform:rotate(-4deg);letter-spacing:0!important;-webkit-text-stroke:1px #fffbe2;text-shadow:0 3px #fffbe2,3px 0 #fffbe2,-3px 0 #fffbe2,0 -3px #fffbe2,0 5px #bf8e33!important}.brand:after{content:'一转，接通你的机器';display:block;font-size:9px;font-weight:700;-webkit-text-stroke:0;color:#fff7db;letter-spacing:2px;margin-top:3px;text-shadow:0 1px #8da452}.header-actions{gap:5px}.quiet{font-weight:800!important;font-size:11px!important;border-radius:50%!important;width:36px;height:36px;padding:0!important;border:2px solid #ffefc0!important;box-shadow:0 3px #a58c4f!important;background:#ffedb9!important}.header-actions #pool-open{width:44px;border-radius:12px!important;font-size:9px!important}.layout{max-width:540px!important;padding:0 16px 112px!important;gap:4px!important}.chapter-row{padding:0 6px!important;margin-bottom:1px}.chapter-row h1{font-size:12px!important;background:#698a48cc;color:#fff3bf;border-radius:12px;padding:4px 10px;text-shadow:none!important}.wallet{background:#526e39cc!important;color:#fff7c8;font-weight:900;padding:3px 13px!important;font-size:17px!important}.arena{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;margin:0!important}.arena canvas{aspect-ratio:2.9!important}.fighter-hud{top:3px!important;left:7px!important;width:39%!important;font-size:8px!important}.hp-track{height:7px!important;border-width:1px!important}.hp-label{font-size:8px!important;margin-bottom:2px}.combat-caption{font-size:10px!important;padding:0 7px!important;color:#617941!important;height:19px;min-height:19px!important}.board-panel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:2px 0 0!important}.board-heading{padding:0 9px!important;align-items:center;display:flex;justify-content:space-between}.board-heading h2{font-size:14px!important;color:#fffbe0!important;font-weight:900;text-shadow:0 2px #8ba14e!important}.board-heading>span{font-size:11px!important;color:#fff3cd;font-weight:800}.board-tools{display:none!important}.board-wrap{width:100%!important;max-width:min(100%,calc(100dvh - 480px))!important;margin:6px auto 0!important;padding:0!important}.board{gap:2px!important;background:none!important;box-shadow:none!important}.cell,.cell.skill,.cell.skill.empty{position:relative;z-index:0;border:0!important;box-shadow:none!important;background:none!important;border-radius:18%!important;opacity:1!important;padding:7% 6% 13%!important;isolation:isolate;overflow:visible}.cell:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background-image:url('assets/garden-surfaces.png')!important;background-repeat:no-repeat!important;background-size:244% 375%!important;background-position:9% 11.5%!important;border-radius:20%!important;opacity:1!important;box-shadow:none!important;transform:none!important;filter:none!important}.cell.empty:not(.skill):before{background-position:9% 56.7%!important;opacity:.32!important;filter:saturate(.7)!important}.cell.empty:not(.skill){opacity:.65!important}.cell.empty:not(.skill) .empty-mark{font-size:0}.cell.empty:not(.skill) .empty-mark:after{content:'+';font-size:16px;font-weight:700;color:#799d4c;opacity:.5}.cell .name{font-size:9px!important;color:#8d6b34!important;font-weight:900;text-shadow:0 1px #fff5c4!important;margin-top:0!important}.cell .icon{width:80%!important;height:80%!important;filter:drop-shadow(0 2px 0 #bca05d44)!important}.cell.linked:before,.cell.fusion-linked:before{background-position:99% 11.5%!important;opacity:1!important;filter:drop-shadow(0 0 8px #fff29c)!important}.cell.skill.empty .empty-mark{font-size:10px!important;color:#b19d64}.loadout-panel{background:#4f6c3880!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:9px 10px 6px!important;margin-top:10px!important;backdrop-filter:blur(2px)}.section-title h2{font-size:10px!important;margin:0 0 4px!important;letter-spacing:1px;color:#faffcf!important}.gear-rack{gap:5px!important}.rack-card,.ability-card{position:relative;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;min-height:58px!important;padding:6px 1px 9px!important;border-radius:15%!important}.rack-card:before{display:block!important;content:''!important;position:absolute;inset:0;z-index:-1;background:url('assets/garden-surfaces.png') 99% 56.7%/244% 375% no-repeat!important;border-radius:19%;opacity:1!important}.rack-card .icon{width:31px!important;height:31px!important}.rack-card span:not(.icon){color:#fff9db!important;font-size:8px!important;font-weight:700;text-shadow:0 1px #77683f!important}.rack-card:has(.icon) span:not(.icon){color:#fff9db!important}.rack-card:not(:has(.icon)):before{background-position:9% 11.5%!important;opacity:.6!important}.rack-card:not(:has(.icon)) span:not(.icon){color:#9f925b!important;text-shadow:none!important}.spin-zone{background:transparent!important;border:0!important;backdrop-filter:none!important;padding:5px 18px max(15px,env(safe-area-inset-bottom))!important;height:112px;max-width:540px!important;gap:12px!important;align-items:center}.spin-button{position:relative;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;min-height:82px!important;height:82px!important;width:218px!important;flex:0 1 240px!important;padding:10px!important;animation:none!important;overflow:visible}.spin-button:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:url('assets/garden-surfaces.png') 4% 98.5%/220% 770% no-repeat!important;border-radius:24px;transform:none!important;opacity:1!important;box-shadow:none!important}.spin-button span{font-size:30px!important;font-weight:1000;color:#9d651e!important;text-shadow:0 2px #fff398!important;letter-spacing:3px!important}.spin-button small{font-size:9px!important;color:#b38a33!important}.damage-readout{flex:1!important;width:auto!important;text-align:center!important;padding-top:6px!important}.damage-readout>small{color:#fff3bc!important;font-weight:900!important;font-size:9px!important;text-shadow:0 1px #887a3f}.damage-readout strong{font-size:33px!important;color:#ffe56e!important;-webkit-text-stroke:1px #ac7c2a;text-shadow:0 2px #99712e!important}.sheet{border-radius:30px!important;border:5px solid #fff4ce!important;box-shadow:0 9px #b9a06c,0 18px 70px #48693677!important;background:linear-gradient(145deg,#fffce6,#ffefc3)!important}.intro-sheet{background:linear-gradient(#f7ffd9,#fff2c5)!important}.shop-card,.choice-card{border-radius:24px!important;box-shadow:0 5px #ceb77f!important;background:linear-gradient(#fffdeb,#fff0c5)!important}.sheet-head .eyebrow{color:#9b994f!important}.gear-stock{gap:14px!important}#line-layer polyline{stroke:#fff9d3;stroke-width:6;filter:drop-shadow(0 1px 2px #f2b43f)}.board-pop{z-index:6}.score-burst{background:radial-gradient(ellipse,#ffedb888,transparent 70%)!important}.burst-main{font-weight:1000!important;-webkit-text-stroke:2px #bc7325!important;text-shadow:0 4px #e9a344,0 0 30px #fff4ab!important}@media(max-width:400px){.topbar{padding-top:12px!important;height:64px}.brand{font-size:25px!important}.layout{padding-left:14px!important;padding-right:14px!important}.board-wrap{max-width:min(100%,calc(100dvh - 460px))!important}.spin-zone{height:104px;padding-left:10px!important;padding-right:14px!important}.spin-button{flex-basis:225px!important}.loadout-panel{margin-top:8px!important}.arena canvas{aspect-ratio:2.8!important}}@media(min-width:761px){body{background-size:auto 1100px!important}.layout{padding-bottom:130px!important}.board-wrap{max-width:390px!important}.arena canvas{aspect-ratio:2.9!important}}
.spin-button:before{background-size:213.33% 667.83%!important;background-position:3.7% 89.6%!important;border-radius:27px!important}.spin-button{height:84px!important;min-height:84px!important}.spin-button small{display:none!important}.spin-button span{font-size:28px!important;letter-spacing:2px!important}.spin-zone{padding-bottom:14px!important;align-items:center!important}.loadout-panel{margin-top:14px!important}.cell .name{font-size:9px!important}body{overflow-x:hidden}
/* Alignment pass: one shared content grid and fixed text/icon baselines. */
:root{--play-width:min(calc(100vw - 32px),420px);--footer-height:110px}
.topbar{width:calc(var(--play-width) + 32px)!important;max-width:none!important;height:72px!important;padding:12px 16px 8px!important;align-items:center!important;margin-inline:auto!important}
.brand{line-height:1.1;transform:rotate(-3deg) translateY(-1px);white-space:nowrap}.brand:after{line-height:1.4;margin-top:5px;letter-spacing:1.2px}.header-actions{display:flex;align-items:center!important;gap:6px!important;flex-shrink:0}.header-actions .quiet{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-height:36px!important;line-height:1!important;white-space:nowrap}.header-actions #pool-open{width:48px!important;border-radius:12px!important;font-size:11px!important}
.layout{width:calc(var(--play-width) + 32px)!important;max-width:none!important;padding:0 16px calc(var(--footer-height) + 18px)!important;gap:8px!important;margin-inline:auto!important}
.chapter-row{width:100%;padding:0!important;align-items:center!important;min-height:25px;margin:0!important}.chapter-row h1{line-height:1.4!important;margin:0!important;padding:3px 10px!important}.wallet{line-height:1.4!important;padding:2px 12px!important;min-width:66px;text-align:center}
.arena{width:100%!important}.fighter-hud{left:0!important;top:6px!important;width:42%!important}.hp-label{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;gap:6px;font-size:9px!important;line-height:14px!important}.hp-track{margin-top:2px}.combat-caption{padding:0!important;display:flex;align-items:center;gap:6px;height:18px!important;min-height:18px!important;line-height:18px!important}.phase-led{width:5px;height:5px;flex:0 0 5px}
.board-panel{width:100%;margin:0!important;padding:0!important}.board-heading{padding:0 4px!important;margin:0 0 7px!important;min-height:21px}.board-heading h2{font-size:13px!important;line-height:20px!important;margin:0!important}.board-heading>span{line-height:20px!important;margin:0!important}.board-wrap{width:100%!important;max-width:none!important;margin:0!important}.board{gap:5px!important;align-items:stretch}.cell{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:7px 4px 13px!important;gap:1px!important}.cell .icon{flex:0 0 auto;width:61%!important;height:auto!important;aspect-ratio:1;margin:0!important}.cell .name{display:block!important;line-height:12px!important;height:12px;min-height:12px;margin:0!important;font-size:9px!important;white-space:nowrap;letter-spacing:0!important}.cell.skill.empty .empty-mark{font-size:10px!important;margin:0!important}.cell:before{pointer-events:none}
.loadout-panel{width:100%!important;margin:14px 0 0!important;padding:8px 9px 11px!important;border-radius:14px!important;background:#4f6c3870!important}.section-title{display:flex;align-items:center;justify-content:space-between;min-height:17px;margin-bottom:5px}.section-title h2{margin:0!important;line-height:17px!important;font-size:10px!important;letter-spacing:.4px!important}.section-title h2 span{font-weight:400;color:#e5edbb;margin-left:5px}.gear-rack{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;align-items:stretch!important}.rack-card,.ability-card{width:100%!important;min-width:0!important;aspect-ratio:1!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;padding:4px 3px 9px!important;gap:1px!important;overflow:hidden}.rack-card .icon{width:64%!important;height:auto!important;aspect-ratio:1;flex:0 0 auto;margin:0!important}.rack-card span:not(.icon){width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:11px!important;font-size:8px!important;margin:0!important;display:block;min-height:11px}.rack-card:not(:has(.icon)){justify-content:center!important}.rack-card:before{pointer-events:none}
.spin-zone{width:calc(var(--play-width) + 32px)!important;max-width:none!important;height:var(--footer-height)!important;padding:8px 16px max(14px,env(safe-area-inset-bottom))!important;gap:14px!important;align-items:center!important;justify-content:space-between!important}.spin-button{width:66%!important;flex:0 0 66%!important;min-width:0!important;height:80px!important;min-height:80px!important;padding:0 10px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.spin-button span{display:block;line-height:1!important;margin:0!important;font-size:28px!important;letter-spacing:3px!important;white-space:nowrap}.damage-readout{flex:1!important;min-width:0!important;width:auto!important;padding:0 0 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}.damage-readout>small{width:100%;text-align:center;line-height:14px!important;font-size:10px!important;white-space:nowrap;margin:0!important}.damage-readout strong{line-height:1.1!important;font-size:29px!important;letter-spacing:0!important;margin:0!important;display:block!important}.damage-readout>span{display:none!important}
@media(max-height:780px) and (max-width:760px){:root{--play-width:min(calc(100vw - 32px),calc(100dvh - 400px));--footer-height:96px}.topbar{height:62px!important}.arena canvas{aspect-ratio:3.15!important}.layout{gap:5px!important}.loadout-panel{margin-top:9px!important}.spin-button{height:72px!important;min-height:72px!important}.brand{font-size:23px!important}}
@media(min-width:761px){.arena canvas{aspect-ratio:2.8!important}}
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.spin-zone{left:50%!important;transform:translateX(-50%)!important}.section-title{height:18px!important;min-height:18px!important;margin:0 0 5px!important;padding:0!important}.section-title h2{padding:0!important}.loadout-panel{min-height:0!important}.gear-rack{min-height:0!important}.rack-card{box-sizing:border-box!important}
@media(max-width:500px) and (max-height:900px){:root{--play-width:min(calc(100vw - 32px),calc(100dvh - 530px))}.layout{gap:6px!important}.loadout-panel{margin-top:10px!important}}
/* Equipment rack: independent art well + label, with room for complete bevels. */
.layout .loadout-panel{display:block!important;position:relative!important;isolation:isolate;overflow:visible!important;padding:12px 10px 13px!important;border-radius:16px!important}
.loadout-panel .section-title{height:auto!important;min-height:24px!important;margin:0 0 9px!important;align-items:center!important;overflow:visible!important}
.loadout-panel .section-title h2{height:auto!important;min-height:22px!important;font-size:12px!important;line-height:22px!important;margin:0!important;padding:0!important;overflow:visible!important;color:#fff9d6!important}
.loadout-panel .gear-rack{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;align-items:start!important;overflow:visible!important}
#gear-rack>.rack-card{display:grid!important;grid-template-rows:minmax(0,1fr) 25px!important;place-items:center!important;align-content:stretch!important;position:relative!important;isolation:isolate!important;aspect-ratio:auto!important;width:100%!important;height:auto!important;min-height:0!important;min-width:0!important;padding:0!important;gap:0!important;overflow:visible!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:none!important;transform:none!important;animation:none!important}
#gear-rack>.rack-card:before{content:''!important;position:absolute!important;display:block!important;left:0!important;right:0!important;top:0!important;bottom:25px!important;width:auto!important;height:auto!important;z-index:-1!important;background-image:url('assets/garden-surfaces.png')!important;background-size:237.04% 357.21%!important;background-position:91.55% 56.6%!important;background-repeat:no-repeat!important;border-radius:18%!important;opacity:1!important;filter:none!important;transform:none!important}
#gear-rack>.rack-card:not(:has(.icon)):before{background-size:243.81% 374.63%!important;background-position:9.93% 11.55%!important;opacity:.85!important}
#gear-rack>.rack-card>.icon{grid-area:1 / 1!important;width:66%!important;height:auto!important;aspect-ratio:1!important;max-width:none!important;margin:0!important;align-self:center!important;justify-self:center!important;filter:drop-shadow(0 1px 0 #b5935b55)!important;transform:translateY(-2px)!important}
#gear-rack>.rack-card>span:not(.icon){grid-area:2 / 1!important;align-self:center!important;justify-self:center!important;width:100%!important;height:24px!important;min-height:0!important;font-size:9px!important;line-height:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;color:#fff9dc!important;text-shadow:0 1px 1px #496334!important;margin:0!important;padding:0!important;text-align:center!important}
#gear-rack>.rack-card:not(:has(.icon))>span:not(.icon){grid-area:2 / 1!important;color:#e8efbd!important;text-shadow:0 1px #5f7840!important}
#gear-rack>.rack-card{height:calc((var(--play-width) - 55px) / 6 + 25px)!important}
@media(max-width:500px) and (min-height:901px) and (max-height:1000px){:root{--play-width:min(calc(100vw - 32px),calc(100dvh - 580px))}}
@media(max-width:500px) and (min-height:781px) and (max-height:900px){:root{--play-width:min(calc(100vw - 32px),calc(100dvh - 555px))}}