:root{--ink: #2a2a33;--line: #33343d;--panel: #fbfbfd;--hp-high: #58d858;--hp-mid: #f8d030;--hp-low: #f85038;--font-ui: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN", "Yu Gothic", "游ゴシック", sans-serif;--panel-grad: linear-gradient(#ffffff 0%, #f4f6fa 55%, #e6eaf2 100%);--panel-lift: 0 3px 0 rgba(0, 0, 0, .16), 0 7px 16px rgba(0, 0, 0, .22)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;height:100%;background:radial-gradient(ellipse at 50% 40%,#24304e,#141b2e 65%,#0d1220);color:#e8e8ec;font-family:var(--font-ui);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.stage-wrap{position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:flex;align-items:center;justify-content:center;overflow:hidden}.stage{position:absolute;width:640px;height:480px;flex:none;transform-origin:0 0;background:#10203a;overflow:hidden}#boot-error{position:fixed;inset:auto 0 0;padding:12px 16px;background:#401818;color:#ffb8b8;font:500 13px/1.5 var(--font-ui);display:none;white-space:pre-wrap}#boot-error.show{display:block}body.mono{background:radial-gradient(ellipse at 50% 40%,#33343a,#1e1f23 65%,#131317)}body.mono .stage-wrap{filter:grayscale(1)}.mono-btn{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));z-index:10;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:none;color:#e8e8ec;opacity:.3;cursor:pointer;transition:opacity .12s ease}.mono-btn:hover,.mono-btn:focus-visible{opacity:.9}.mono-btn svg{display:block;width:100%;height:100%}.mono-btn circle{fill:none;stroke:currentColor;stroke-width:1.6}.mono-btn path{fill:currentColor}#rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse){#rotate-hint{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;background:radial-gradient(ellipse at 50% 40%,#24304e,#141b2e 65%,#0d1220);color:#e8e8ec;text-align:center}#rotate-hint p{margin:0;font-size:17px;font-weight:700;line-height:1.6}.rotate-icon{width:54px;height:92px;border:4px solid #e8e8ec;border-radius:10px;animation:rotate-hint-turn 2.4s ease-in-out infinite}}@keyframes rotate-hint-turn{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.rotate-icon{animation:none;transform:rotate(-90deg)}}#sw-progress{position:fixed;left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:15;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:7px 14px;border-radius:999px;background:#0c1018d1;color:#e8e8ec;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}#sw-progress[hidden]{display:none}.sw-count{font-variant-numeric:tabular-nums;opacity:.8}.sw-bar{width:92px;height:5px;border-radius:999px;background:#ffffff38;overflow:hidden}.sw-bar>i{display:block;width:0;height:100%;border-radius:999px;background:var(--hp-high);transition:width .22s ease-out}#sw-progress.done{background:#184424e0}#sw-progress.done .sw-count,#sw-progress.done .sw-bar{display:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;user-select:none}.title{container-type:inline-size;color:#fff;background:#080c22}.t-bg{position:absolute;inset:0;overflow:hidden}.t-base{position:absolute;inset:0;background:radial-gradient(ellipse 58% 66% at 74% 26%,#6c4ed880,#6c4ed800 62%),radial-gradient(ellipse 50% 58% at 10% 84%,#1c94b861,#1c94b800 64%),linear-gradient(152deg,#10173c,#1a2054 34%,#241a50 60%,#0c0a24)}.t-band{position:absolute;left:-30%;right:-30%;pointer-events:none;transform:rotate(-15deg)}.t-band-1{top:4%;height:148px;background:linear-gradient(92deg,#fff0,#9ec4ff26 44%,#fff0);border-top:1px solid rgba(190,216,255,.16);animation:band-slide 20s ease-in-out infinite alternate}.t-band-2{top:62%;height:108px;background:linear-gradient(92deg,#fff0,#ffc49421,#fff0);border-bottom:1px solid rgba(255,214,170,.14);animation:band-slide 27s 1s ease-in-out infinite alternate-reverse}@keyframes band-slide{0%{transform:rotate(-15deg) translate(-38px)}to{transform:rotate(-15deg) translate(38px)}}.t-grid{position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(62deg,rgba(255,255,255,.85) 0 1px,transparent 1px 28px),repeating-linear-gradient(-62deg,rgba(255,255,255,.85) 0 1px,transparent 1px 28px);-webkit-mask:radial-gradient(ellipse 76% 72% at 56% 50%,#000 0%,transparent 84%);mask:radial-gradient(ellipse 76% 72% at 56% 50%,#000 0%,transparent 84%)}.t-halo{position:absolute;right:16%;top:50%;width:520px;height:520px;margin:-260px 130px 0 0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#b4ceff4d,#8ca0ff1f 40%,#8ca0ff00 68%)}.t-sweep{position:absolute;top:-20%;bottom:-20%;width:38%;transform:skew(-16deg) translate(-170%);background:linear-gradient(90deg,#fff0,#cde3ff26 46%,#fff0);animation:sweep-run 10s 2s ease-in-out infinite}@keyframes sweep-run{0%{transform:skew(-16deg) translate(-170%)}36%{transform:skew(-16deg) translate(330%)}to{transform:skew(-16deg) translate(330%)}}.t-motes{position:absolute;inset:0;pointer-events:none}.t-mote{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#e2eefff2,#b4ceff00 72%);animation:mote-float 11s ease-in-out infinite}.mote-1{left:18%;bottom:18%;animation-delay:0s}.mote-2{left:34%;bottom:32%;animation-delay:1.8s}.mote-3{left:52%;bottom:12%;animation-delay:3.6s}.mote-4{left:68%;bottom:26%;animation-delay:5.4s}.mote-5{left:82%;bottom:16%;animation-delay:7.2s}.mote-6{left:60%;bottom:40%;animation-delay:9s}@keyframes mote-float{0%{opacity:0;transform:translate(0) scale(.8)}28%{opacity:.85}to{opacity:0;transform:translate(12px,-84px) scale(1.2)}}.t-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:radial-gradient(circle .6px at 20% 30%,#fff 0%,transparent 100%),radial-gradient(circle .6px at 70% 60%,#fff 0%,transparent 100%),radial-gradient(circle .6px at 45% 85%,#000 0%,transparent 100%);background-size:7px 7px,11px 11px,9px 9px}.t-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 84% 80% at 52% 48%,#0000 52%,#0406129e)}.t-crest{position:absolute;--crest: clamp(180px, 26cqw, 268px);right:8%;top:50%;width:var(--crest);height:var(--crest);margin-top:calc(var(--crest) / -2);z-index:2;animation:crest-in .7s cubic-bezier(.2,.9,.3,1.2) both}@keyframes crest-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.crest-glow{position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,#ffecb457,#ffd2821f 40%,#ffd28200 68%)}.crest-ring{position:absolute;border-radius:50%}.crest-ring-out{inset:0;border:2px solid rgba(226,236,255,.5);-webkit-mask:repeating-conic-gradient(from 0deg,#000 0deg 3deg,transparent 3deg 6deg);mask:repeating-conic-gradient(from 0deg,#000 0deg 3deg,transparent 3deg 6deg);animation:spin-slow 44s linear infinite}.crest-ring-mid{inset:13%;border:5px solid transparent;background:linear-gradient(#0c1130,#0c1130) padding-box,linear-gradient(150deg,#fff0c0,#f0b846 42%,#b8721a 72%,#ffe9a8) border-box;box-shadow:0 0 0 1px #14100899,0 10px 26px #00000080}.crest-spokes{position:absolute;inset:18%;border-radius:50%;opacity:.5;background:repeating-conic-gradient(from 0deg,#fff4d2d9 0deg .9deg,#fff4d200 .9deg 15deg);-webkit-mask:radial-gradient(circle,transparent 34%,#000 62%,transparent 100%);mask:radial-gradient(circle,transparent 34%,#000 62%,transparent 100%);animation:spin-slow 70s linear infinite reverse}@keyframes spin-slow{to{transform:rotate(360deg)}}.crest-rhombus{position:absolute;left:50%;top:50%;width:44%;height:44%;margin:-22% 0 0 -22%;transform:rotate(45deg);border-radius:14px;background:linear-gradient(140deg,#2b3b78,#16204a 52%,#0d1330);box-shadow:inset 0 2px #ffffff47,inset 0 -6px 14px #0009,0 8px 20px #0000008c;border:3px solid rgba(240,214,150,.85)}.crest-core{position:absolute;left:50%;top:50%;width:34%;height:34%;margin:-17% 0 0 -17%;border-radius:50%;background:radial-gradient(circle at 42% 34%,#fffce68c,#96b4ff2e 44%,#96b4ff00 72%)}.crest-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--crest) * .276);font-weight:900;line-height:1;background:linear-gradient(#fffdf2,#ffe089 44%,#e8a02c 68%,#fff2c8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 14px rgba(0,0,0,.5)}.t-panel{position:absolute;left:7%;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-start;max-width:54%}.t-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;animation:fade-up .5s .35s both}.kicker-rule{width:22px;height:1px;background:linear-gradient(90deg,#ffe09600,#ffe096e6)}.kicker-rule:last-child{background:linear-gradient(90deg,#ffe096e6,#ffe09600)}.kicker-text{font-size:9px;letter-spacing:.34em;color:#ffdd94}.t-logo{display:flex;font-size:clamp(38px,6.6cqw,62px);font-weight:900;letter-spacing:.02em;line-height:1.06}.t-logo span{display:inline-block;background:linear-gradient(#fff,#e2ecff 38%,#a8bcf0 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(14,20,52,.7),0 5px 16px rgba(0,0,0,.6);animation:logo-wake .5s cubic-bezier(.2,.9,.3,1.35) both}@keyframes logo-wake{0%{opacity:0;transform:translateY(-14px) scale(1.22)}to{opacity:1;transform:none}}.t-sub{margin:10px 0 22px 2px;font-size:12px;letter-spacing:.18em;color:#bcc9ec;animation:fade-up .5s .6s both}.t-menu{display:flex;flex-direction:column;gap:10px;width:286px;max-width:100%;animation:fade-up .5s .8s both}.t-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 18px 11px 24px;font-family:var(--font-ui);color:#fff;text-align:left;background:linear-gradient(100deg,#0e1430e6,#24305cb3);border:2px solid rgba(255,255,255,.4);border-radius:12px;box-shadow:inset 0 1px #ffffff4d,0 8px 18px #00000080;cursor:pointer;overflow:hidden;transition:transform .12s ease-out,border-color .14s,background .14s}.t-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(#ffd54a,#f08a1e)}.btn-label{font-size:17px;font-weight:700;letter-spacing:.03em}.btn-note{font-size:10px;color:#b3c3e6;letter-spacing:.06em}.t-btn:hover,.t-btn:focus-visible{outline:none;transform:translate(6px);border-color:#ffd76a;background:linear-gradient(100deg,#283868f0,#405a96cc)}.t-btn:hover .btn-note,.t-btn:focus-visible .btn-note{color:#ffe9b0}.t-btn:focus-visible:after{content:"";position:absolute;right:12px;top:50%;margin-top:-6px;border-left:9px solid #ffd76a;border-top:6px solid transparent;border-bottom:6px solid transparent;animation:arrow-nudge .7s ease-in-out infinite alternate}@keyframes arrow-nudge{to{transform:translate(4px)}}.t-btn:active{transform:translate(3px) translateY(1px)}.t-record{margin-top:16px;padding:4px 13px;font-size:11px;letter-spacing:.04em;color:#eaf0ff;background:#080c20b3;border:1px solid rgba(255,255,255,.2);border-radius:999px;animation:fade-up .5s 1s both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.party{background:radial-gradient(ellipse at 20% 0%,#26314f,#26314f00 60%),linear-gradient(#1a2136,#0d1222);color:#e8ecf6;flex-direction:row}.party-list{flex:1 1 58%;min-width:340px;padding:11px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:7px;align-content:start}.party-tile{position:relative;background:linear-gradient(#28325033,#232b44);border:2px solid #3b4666;border-radius:10px;padding:3px;cursor:pointer;text-align:center;color:inherit;font-family:inherit;transition:transform .1s ease-out,border-color .12s,box-shadow .12s}.party-tile:hover,.party-tile:focus-visible{border-color:#8fa4d8;outline:none;transform:translateY(-2px);box-shadow:0 6px 14px #0006}.party-tile.selected{border-color:var(--hp-high);background:linear-gradient(#2c4a3a,#223c31);box-shadow:0 0 0 2px #58d88859,0 6px 14px #0006}.party-tile img{width:100%;height:58px;object-fit:contain;display:block}.party-tile .legend-tag{position:absolute;bottom:2px;left:3px;padding:0 4px;border-radius:6px;background:#6b4ea8;color:#f2ecff;font-size:9px;line-height:14px;font-weight:700;letter-spacing:.04em;pointer-events:none}.party-tile.legend{border-color:#7a5fbb}.party-tile.capped{opacity:.42;border-color:#4a4a5c;cursor:not-allowed;background-image:repeating-linear-gradient(-45deg,#ffffff10 0 6px,transparent 6px 12px)}.party-tile.capped:hover,.party-tile.capped:focus-visible{border-color:#6a6a80}.party-tile .no{position:absolute;top:2px;left:4px;font-size:9px;color:#92a4cc;font-variant-numeric:tabular-nums}.party-tile .order{position:absolute;top:2px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--hp-high);color:#10261a;font:700 10px/16px var(--font-ui);box-shadow:0 1px 3px #00000073}.party-tile .nm{font-size:10px;line-height:1.25;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-chips{display:flex;gap:2px;justify-content:center;margin-top:3px}.type-chip{font-size:8px;padding:0 4px;border-radius:3px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);line-height:13px;box-shadow:inset 0 -1px #00000040}.party-detail{flex:1 1 42%;min-width:268px;padding:13px 15px;background:linear-gradient(#171e33,#101627);border-left:2px solid #3b4666;box-shadow:inset 6px 0 14px #00000059;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.detail-head{display:flex;gap:10px;align-items:flex-start}.detail-head img{width:82px;height:96px;object-fit:contain;flex:none}.detail-name{font-size:17px;font-weight:700}.detail-meta{font-size:11px;color:#a4b5da;margin-top:2px}.detail-flavor{font-size:11px;line-height:1.5;color:#ccd6ee;min-height:2.8em;border-left:3px solid #3b4666;padding-left:7px}.stat-row{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:6px;font-size:11px}.stat-bar{height:8px;background:#262f4a;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.stat-fill{height:100%;background:linear-gradient(90deg,#5aa0f8,#58d8c8);box-shadow:inset 0 1px #fff6;animation:stat-grow .45s cubic-bezier(.2,.9,.3,1) both;transform-origin:0 50%}@keyframes stat-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.detail-moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;margin-top:2px}.detail-move{background:#232b44;border-radius:6px;padding:3px 6px;font-size:10px;display:flex;align-items:center;gap:5px;box-shadow:inset 0 1px #ffffff0f}.detail-move .bar{width:4px;align-self:stretch;border-radius:2px}.party-actions{margin-top:auto;display:flex;gap:8px;padding-top:8px}.party-actions button{flex:1;padding:10px;font:700 14px/1 var(--font-ui);border-radius:9px;border:2px solid #48547a;background:linear-gradient(#2b3556,#222a45);color:#e8ecf6;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,0 2px #0006;transition:transform .1s ease-out}.party-actions button:hover:not(:disabled){transform:translateY(-1px)}.party-actions button:active:not(:disabled){transform:translateY(1px)}.party-actions button.go{background:linear-gradient(#3a8a5c,#2c6b46);border-color:#4aa06c}.party-actions button:disabled{opacity:.4;cursor:default}.party-count{font-size:12px;color:#a4b5da;text-align:center}.result{align-items:center;justify-content:center;gap:14px;color:#f4f6fb}.result.win{background:radial-gradient(ellipse at 50% 34%,#35714c,#1a3222 62%,#0e1c13)}.result.lose{background:radial-gradient(ellipse at 50% 34%,#6b3636,#2e1a1a 62%,#180d0d)}.result-rays{position:absolute;left:50%;top:34%;width:1200px;height:1200px;margin:-600px 0 0 -600px;pointer-events:none;opacity:.22;background:repeating-conic-gradient(from 0deg,#ffffffe6 0deg 2deg,#fff0 2deg 14deg);animation:glow-spin 60s linear infinite}.result-title{position:relative;font-size:44px;font-weight:900;letter-spacing:.08em;text-shadow:0 3px 0 rgba(0,0,0,.45),0 0 24px rgba(255,255,255,.18);animation:result-pop .45s cubic-bezier(.2,.9,.3,1.5) both}@keyframes result-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.result-body{position:relative;font-size:15px;color:#dde5f4;text-align:center;line-height:1.7;animation:fade-up .4s .25s both}.result-actions{position:relative;display:flex;gap:10px;margin-top:10px;animation:fade-up .4s .4s both}.r-btn{min-width:168px;padding:13px 20px;font:700 16px/1 var(--font-ui);color:#fff;text-align:center;background:linear-gradient(#161e3ce6,#283660c7);border:2px solid rgba(255,255,255,.45);border-radius:12px;box-shadow:inset 0 1px #ffffff52,0 6px 16px #00000073;cursor:pointer;transition:transform .12s ease-out,border-color .14s,background .14s}.r-btn:hover,.r-btn:focus-visible{outline:none;transform:translateY(-2px);border-color:#ffd76a;background:linear-gradient(#2e3e6cf0,#425c96d6)}.r-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.t-band,.t-sweep,.t-mote,.t-crest,.crest-ring-out,.crest-spokes,.t-kicker,.t-logo span,.t-sub,.t-menu,.t-record,.t-btn:focus-visible:after,.stat-fill,.result-rays,.result-title,.result-body,.result-actions{animation:none}.t-sweep,.t-mote{display:none}}.battle{position:absolute;inset:0;overflow:hidden;user-select:none}.battle-world{position:absolute;inset:0;transform-origin:50% 50%;transform:scale(1) translate(0)}.battle-world.cam-on{will-change:transform}.fx-back,.fx-layer,.fx-front{position:absolute;inset:0;pointer-events:none}.spec-drift{animation:spec-drift 7s linear infinite}@keyframes spec-drift{0%{transform:rotate(0) scale(1.16)}to{transform:rotate(-16deg) scale(1)}}.bg-sky{position:absolute;inset:0;background:linear-gradient(#4aa8e8,#74c6f0 26%,#a2ddf6 48%,#cdeef8 60%,#e8f7f4 68%)}.bg-sun{position:absolute;right:-60px;top:-110px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#fffcdcf2,#fff6be80 34%,#fff6be00 70%);pointer-events:none}.bg-clouds{position:absolute;left:0;right:0;top:0;height:200px;overflow:hidden;pointer-events:none}.cloud{position:absolute;width:200%;height:100%;background-repeat:repeat-x;opacity:.85}.cloud-a{top:6px;background-image:radial-gradient(ellipse 90px 26px at 12% 40%,#fffffff2,#fff0 72%),radial-gradient(ellipse 60px 20px at 22% 52%,#ffffffe6,#fff0 74%),radial-gradient(ellipse 120px 30px at 58% 34%,#ffffffeb,#fff0 72%),radial-gradient(ellipse 70px 22px at 82% 46%,#ffffffd9,#fff0 74%);background-size:50% 100%;animation:drift 64s linear infinite}.cloud-b{top:42px;opacity:.6;background-image:radial-gradient(ellipse 140px 24px at 30% 30%,#ffffffd9,#fff0 74%),radial-gradient(ellipse 80px 18px at 70% 58%,#fffc,#fff0 76%);background-size:50% 100%;animation:drift 96s linear infinite}.cloud-c{top:96px;opacity:.4;background-image:radial-gradient(ellipse 180px 20px at 45% 40%,#ffffffbf,#fff0 76%);background-size:50% 100%;animation:drift 140s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.bg-hills{position:absolute;left:0;right:0;pointer-events:none}.bg-clouds,.bg-sun{filter:blur(3px)}.hills-far{filter:blur(1.6px);top:120px;height:76px;background:linear-gradient(#8fc0a8,#7db396);opacity:.75;clip-path:polygon(0 100%,0 62%,9% 40%,18% 58%,27% 30%,38% 52%,47% 34%,58% 56%,68% 32%,78% 54%,88% 36%,100% 58%,100% 100%)}.hills-near{top:150px;height:62px;background:linear-gradient(#6faa62,#5c9752);clip-path:polygon(0 100%,0 70%,12% 44%,24% 66%,36% 38%,50% 62%,62% 40%,75% 64%,88% 42%,100% 66%,100% 100%)}.battle-ground{position:absolute;inset:176px 0 0;background:linear-gradient(#9ed46a,#86c455 26%,#6fae46 62%,#5c9a3c);clip-path:polygon(0 22px,100% 0,100% 100%,0 100%)}.ground-grass{position:absolute;inset:176px 0 0;clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);pointer-events:none;opacity:.5;background-image:radial-gradient(ellipse 3px 6px at 20% 30%,rgba(52,108,40,.7) 0%,transparent 70%),radial-gradient(ellipse 4px 8px at 62% 55%,rgba(52,108,40,.6) 0%,transparent 70%),radial-gradient(ellipse 5px 10px at 38% 82%,rgba(46,96,34,.55) 0%,transparent 72%),radial-gradient(ellipse 6px 12px at 84% 92%,rgba(46,96,34,.5) 0%,transparent 72%);background-size:46px 42px,62px 58px,88px 76px,120px 104px}.battle-horizon{position:absolute;left:0;right:0;top:176px;height:26px;background:linear-gradient(#fff9,#fff0);clip-path:polygon(0 22px,100% 0,100% 8px,0 100%);pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 78% 74% at 50% 46%,#0000 55%,#101a2842)}.pad{position:absolute;border-radius:50%}.pad-top{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 34%,#e4d6ad,#c9b483 46%,#a8945f 82%,#8e7b4c);box-shadow:inset 0 7px 20px #00000042,inset 0 -4px 8px #fff6,0 5px 12px #0000003d}.pad-rim{position:absolute;inset:-7px -6px -4px;border-radius:50%;border:5px solid rgba(88,148,62,.85);border-bottom-color:#467e30e6;box-shadow:inset 0 0 8px #ffffff47}.pad-foe{width:210px;height:58px;right:48px;top:206px}.pad-player{width:296px;height:78px;left:30px;bottom:120px}.mon{position:absolute;display:block;transform-origin:50% 100%;--flip: 1}.mon-foe{max-height:252px;max-width:194px;right:84px;bottom:224px;transform:scaleX(var(--flip)) translateY(2px)}.mon-player{max-height:254px;max-width:264px;left:68px;bottom:128px;transform:scaleX(var(--flip)) translateY(2px)}.mon.flip{--flip: -1}.mon-shadow{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#00000073,#0000 72%);pointer-events:none}.mon-shadow.flare{animation:shadow-flare .26s ease-out}@keyframes shadow-flare{0%{opacity:1;scale:1 1}25%{opacity:var(--shadow-boost, 1.6);scale:1.18 .78}to{opacity:1;scale:1 1}}.shadow-foe{width:120px;height:22px;right:96px;top:243px}.shadow-player{width:176px;height:32px;left:88px;bottom:122px}.hp-panel{position:absolute;background:var(--panel-grad);border:3px solid var(--line);border-radius:14px;box-shadow:var(--panel-lift);padding:7px 13px 9px;font-weight:700;color:var(--ink);line-height:1.15}.hp-panel:before{content:"";position:absolute;inset:2px;border-radius:11px;border-top:2px solid rgba(255,255,255,.9);pointer-events:none}.panel-foe{left:18px;top:14px;width:244px;border-bottom-right-radius:3px}.panel-player{right:18px;bottom:136px;width:262px;border-top-left-radius:3px}.panel-foe:after,.panel-player:after{content:"";position:absolute;width:0;height:0}.panel-foe:after{right:-19px;bottom:-3px;border-left:21px solid var(--line);border-top:19px solid transparent}.panel-player:after{left:-19px;top:-3px;border-right:21px solid var(--line);border-bottom:19px solid transparent}.panel-row{display:flex;align-items:center;gap:8px}.panel-name{font-size:15px;letter-spacing:.02em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-lv{font-size:12px;font-variant-numeric:tabular-nums;background:#4a5266;color:#fff;border-radius:999px;padding:1px 7px 2px;letter-spacing:.03em}.panel-status{font-size:10px;color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.04em;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 -2px #0003}.st-psn,.st-tox{background:#a040a0}.st-brn{background:#f08030}.st-par{background:#d8b018}.st-slp{background:#8090a0}.st-frz{background:#68b8d8}.hp-row{display:flex;align-items:center;gap:7px;margin-top:6px}.hp-label{font-size:9px;font-weight:700;color:#f8d030;text-shadow:-1px 0 #303030,1px 0 #303030,0 -1px #303030,0 1px #303030;letter-spacing:.06em}.hp-bar{flex:1;height:11px;background:linear-gradient(#3a4050,#4c5466);border-radius:6px;padding:2px;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.hp-fill{height:100%;border-radius:4px;background:linear-gradient(#ffffff8c,#fff0 46%),var(--hp-high);transition:width var(--hp-ms, 0ms) linear,background-color .3s}.hp-fill.mid{background:linear-gradient(#ffffff8c,#fff0 46%),var(--hp-mid)}.hp-fill.low{background:linear-gradient(#ffffff8c,#fff0 46%),var(--hp-low);animation:hp-pulse .9s ease-in-out infinite}@keyframes hp-pulse{50%{filter:brightness(1.35)}}.hp-num{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:.02em}.balls{position:absolute;display:flex;gap:7px}.balls-player{right:22px;bottom:118px}.balls-foe{left:22px;top:76px}.ball{position:relative;width:14px;height:14px;border-radius:50%;border:2px solid #2f3340;overflow:hidden;background:#f4f6fa;box-shadow:0 1px 2px #00000059}.ball:before{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(#ff7060,#e03828)}.ball:after{content:"";position:absolute;left:0;right:0;top:45%;height:18%;background:#2f3340}.ball.alive:before{background:linear-gradient(#ff7060,#e03828)}.ball.fainted{background:#b8bcc8;opacity:.65}.ball.fainted:before{background:linear-gradient(#9aa0ac,#82889a)}.message{position:absolute;left:0;right:0;bottom:0;height:116px;background:linear-gradient(#fff,#f4f6fa 55%,#e6eaf2);background:var(--panel-grad);border-top:4px solid var(--line);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #aeb6c8,0 -6px 18px #00000047;display:flex;align-items:stretch;transition:height .16s ease-out;z-index:12}.message.tall{height:232px}.message-name{position:absolute;top:-16px;left:18px;padding:2px 14px;font-size:14px;font-weight:700;color:#21252d;background:var(--panel-grad);border:3px solid var(--line);border-radius:8px;box-shadow:0 2px 6px #00000040;white-space:nowrap}.message-text{flex:1;padding:20px 22px;font-size:19px;font-weight:700;line-height:1.45;color:var(--ink);white-space:pre-wrap;text-shadow:0 1px 0 rgba(255,255,255,.85)}.message-next{position:absolute;right:18px;bottom:12px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--line);opacity:0}.message-next.on{animation:blink .9s steps(2,start) infinite;opacity:1}@keyframes blink{50%{opacity:0}}.commands{width:254px;padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;align-content:center;overflow:hidden}.cmd-wrap{flex:none;display:flex;align-items:stretch}.auto-stop{flex:none;display:flex;align-items:center;margin-right:13px}.auto-btn{flex:none;width:52px;margin:10px 10px 10px 0;padding:0 4px;border:3px solid var(--line);border-radius:11px;background:linear-gradient(#fff,#e9edf5);color:var(--ink);font-family:inherit;font-weight:700;font-size:13px;line-height:1.25;cursor:pointer;box-shadow:inset 0 2px #ffffffe6,0 2px #0000002e;transition:transform .08s ease-out,background .12s}.auto-stop .auto-btn{width:auto;padding:10px 16px;margin:0}.auto-btn:hover,.auto-btn:focus-visible{background:linear-gradient(#fffce0,#ffe89a);outline:none;transform:translateY(-1px)}.auto-btn:active{transform:translateY(1px)}.cmd{border:3px solid var(--line);border-radius:12px;background:linear-gradient(#fff,#e8ecf4);color:var(--ink);font-family:inherit;font-weight:700;font-size:16px;padding:7px 8px;cursor:pointer;box-shadow:inset 0 2px #ffffffe6,0 2px #0003;transition:transform .08s ease-out,background .12s}.cmd:hover:not(:disabled),.cmd:focus-visible{background:linear-gradient(#fffce0,#ffe89a);outline:none;transform:translateY(-1px)}.cmd:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #00000040}.cmd:disabled{opacity:.45;cursor:default}.full-panel{flex:1;min-width:0;display:flex;align-items:stretch}.side-col{flex:none;align-self:center;display:flex;flex-direction:column;gap:6px;margin:0 13px 0 0}.back-btn{flex:none;align-self:stretch;margin:0;padding:8px 12px;border:3px solid var(--line);border-radius:11px;background:linear-gradient(#fff,#e9edf5);color:var(--ink);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;box-shadow:inset 0 2px #ffffffe6,0 2px #0000002e;transition:transform .08s ease-out,background .12s}.back-btn:hover,.back-btn:focus-visible{background:linear-gradient(#fffce0,#ffe89a);outline:none;transform:translateY(-1px)}.back-btn:active{transform:translateY(1px)}.move-stack{flex:1;min-width:0;display:flex;flex-direction:column}.moves{flex:1;min-height:0;padding:9px 13px 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.move-desc{flex:none;height:20px;line-height:20px;padding:0 13px;font-size:11.5px;color:#4a5262;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.moves.party{grid-template-rows:none;grid-auto-rows:minmax(0,1fr);background:linear-gradient(#fff,#f4f6fa 55%,#e6eaf2);background:var(--panel-grad)}.move-btn{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;border:3px solid var(--line);border-radius:11px;background:linear-gradient(#fff,#e9edf5);color:var(--ink);font-family:inherit;font-weight:700;font-size:15px;padding:5px 10px;cursor:pointer;text-align:left;overflow:hidden;box-shadow:inset 0 2px #ffffffe6,0 2px #0000002e;transition:transform .08s ease-out,background .12s}.move-btn:hover:not(:disabled),.move-btn:focus-visible{background:linear-gradient(#fffce0,#ffe89a);outline:none;transform:translateY(-1px)}.move-btn:active:not(:disabled){transform:translateY(1px)}.move-btn:disabled{opacity:.42;cursor:default}.move-type{width:8px;align-self:stretch;border-radius:3px;background:#a8a878;box-shadow:inset 0 0 0 1px #00000026}.move-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-facts{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#5a6274;white-space:nowrap}.move-kind{font-size:9px;line-height:14px;padding:0 5px;border-radius:3px;color:#fff;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 -1px #00000040}.move-pp{font-size:12px;font-variant-numeric:tabular-nums;color:#5a6070;text-align:right}.move-btn.mon-btn{grid-template-columns:8px minmax(0,1fr) 46px 28px 26px 44px;gap:6px;padding:4px 9px;font-size:13px}.move-btn.mon-btn.concealed{grid-template-columns:8px minmax(0,1fr) 46px 32px 72px}.mon-btn .mb-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-btn .mb-lv,.mon-btn .mb-hp{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#48536a;text-align:right;white-space:nowrap}.mon-btn .mb-bar{height:6px;border-radius:999px;background:#cfd5e2;overflow:hidden}.mon-btn .mb-bar span{display:block;height:100%;border-radius:999px;background:var(--hp-high)}.mon-btn .mb-bar span.mid{background:var(--hp-mid)}.mon-btn .mb-bar span.low{background:var(--hp-low)}.mon-btn .mb-cond{padding:1px 5px;border-radius:999px;background:#f59e0b;color:#fff;font-size:9px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-btn .mb-cond.empty{background:none}.mon-btn.on-field{background:linear-gradient(#eef2f8,#dfe5ef)}.weather{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s}.weather.on{opacity:1}.weather.w-sun{background:radial-gradient(ellipse at 78% 8%,#ffeeaa80,#fea0 55%),linear-gradient(#ffc87829,#ffaa5a14)}.weather.w-rain{background:linear-gradient(#28467838,#1e37644d),repeating-linear-gradient(100deg,#c8e2ff8c 0 2px,#c8e2ff00 2px 12px);background-size:auto,140px 140px;animation:rain-fall .5s linear infinite}@keyframes rain-fall{to{background-position:0 0,-26px 140px}}.weather.w-sand{background:linear-gradient(#be96504d,#96733757),repeating-linear-gradient(86deg,#f0d89680 0 3px,#f0d89600 3px 16px);background-size:auto,180px 100px;animation:sand-blow .7s linear infinite}@keyframes sand-blow{to{background-position:0 0,-180px 12px}}.weather.w-snow{background:linear-gradient(#96c8e63d,#78afd747),radial-gradient(circle 2.5px at 20% 20%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(circle 2px at 65% 45%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(circle 3px at 42% 78%,rgba(255,255,255,.85) 0%,transparent 100%);background-size:auto,90px 90px,120px 120px,150px 150px;animation:snow-fall 1.1s linear infinite}@keyframes snow-fall{to{background-position:0 0,-10px 90px,8px 120px,-6px 150px}}@keyframes hit-blink{0%,to{opacity:1}50%{opacity:.15}}.mon.hit{animation:hit-blink .08s steps(1) 3}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:8}.flash.on{animation:flash-out .15s ease-out}.tint{position:absolute;inset:0;background:var(--tint-color, #ffffff);opacity:0;pointer-events:none;z-index:8}.tint.on{animation:tint-out .15s ease-out}@keyframes tint-out{0%{opacity:var(--tint-op, .3)}to{opacity:0}}.mon-ghost{mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;scale:var(--ghost-grow, 1);pointer-events:none;animation:impact-frame .07s ease-out forwards}@keyframes impact-frame{0%{opacity:var(--ghost-op, 1)}70%{opacity:var(--ghost-op, 1)}to{opacity:0}}@keyframes flash-out{0%{opacity:var(--flash-op, .75)}to{opacity:0}}.vignette.pulse{animation:vig-pulse .26s ease-out}@keyframes vig-pulse{0%{box-shadow:inset 0 0 #060a1200}30%{box-shadow:inset 0 0 120px rgba(6,10,18,var(--vig-op, .4))}to{box-shadow:inset 0 0 #060a1200}}.crit-lines{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:7;background:repeating-conic-gradient(from 0deg at 50% 45%,#ffffffd9 0deg 1.4deg,#fff0 1.4deg 9deg);-webkit-mask:radial-gradient(ellipse 46% 42% at 50% 45%,transparent 0%,#000 100%);mask:radial-gradient(ellipse 46% 42% at 50% 45%,transparent 0%,#000 100%)}.crit-lines.on{animation:crit-zoom .3s ease-out}@keyframes crit-zoom{0%{opacity:.9;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.mon.fainting{transition:transform .45s ease-in,opacity .45s ease-in;transform:scaleX(var(--flip)) translateY(70px) rotate(12deg);opacity:0}.mon.entering{animation:enter-slide .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes enter-slide{0%{transform:scaleX(var(--flip)) translate(-90px,2px) scale(.85);opacity:0}70%{opacity:1}to{transform:scaleX(var(--flip)) translateY(2px) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.battle,.battle-world,.spec-drift,.mon.hit,.flash.on,.vignette.pulse,.mon-shadow.flare,.crit-lines.on,.mon.entering,.message-next.on,.cloud,.weather,.hp-fill.low{animation:none}.hp-fill,.mon.fainting{transition:none}}.slot-panel{padding:5px 10px 6px;width:218px;font-size:12px;z-index:40}.slot-panel.slot-player{width:236px}.slot-panel .panel-name{font-size:13px}.slot-panel .hp-num{font-size:11px}.slot-panel.oneline{display:flex;align-items:center;gap:6px;padding:2px 8px;font-size:11px;line-height:1.1;background:linear-gradient(#ffffffeb,#e6eaf2eb)}.slot-panel.oneline .panel-row{display:flex;align-items:center;gap:5px;width:184px;flex:none;margin:0}.slot-panel.oneline .panel-name{font-size:12px;width:92px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-panel.oneline .panel-status{width:34px;flex:none;box-sizing:border-box;overflow:hidden;text-align:center;padding:1px 2px;font-size:9px;letter-spacing:0}.slot-panel.oneline .panel-status[hidden]{display:inline-block;visibility:hidden}.slot-panel.oneline .panel-lv{width:48px;flex:none;box-sizing:border-box;text-align:center;padding:1px 4px 2px;font-size:11px;letter-spacing:0}.slot-panel.oneline .hp-label{display:none}.slot-panel.oneline .hp-row{width:66px;flex:none;margin:0}.slot-panel.oneline .hp-bar{height:8px;margin:0;width:auto}.slot-panel.oneline .hp-num{width:44px;flex:none;box-sizing:border-box;margin:0;font-size:10px;letter-spacing:0;text-align:right}.slot-panel.acting{border-color:#4a86ff;box-shadow:var(--panel-lift),0 0 10px #4a86ff8c}.pad-slot.picking .pad-rim{border-color:#ffe680;border-bottom-color:#ffd54a;box-shadow:inset 0 0 8px #ffffff80,0 0 14px #ffd64abf;animation:slot-picking 1s ease-in-out infinite}.slot-panel.picking{border-color:#ffb300;box-shadow:var(--panel-lift),0 0 12px #ffd64ab3}.slot-panel.picking .hp-bar{border-color:#ffd54a}@keyframes slot-picking{50%{box-shadow:inset 0 0 8px #ffffff80,0 0 4px #ffd64a59}}@media (prefers-reduced-motion: reduce){.pad-slot.picking .pad-rim{animation:none}}.party-layer{position:absolute;inset:0}.mon-slot{position:absolute;display:block;translate:-50% -50%;transform-origin:50% 100%;--flip: 1;object-fit:contain;image-rendering:auto}.mon-slot.flip{--flip: -1}.mon-slot.acting{z-index:2}.pad-slot{position:absolute;translate:-50% -50%;border-radius:50%}.shadow-slot{position:absolute;translate:-50% -50%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#00000073,#0000 72%);pointer-events:none}.battle.party .balls-player{right:22px;bottom:122px}.battle.party .balls-foe{left:22px;top:78px}@media (pointer: coarse){.commands{padding:5px 8px;gap:5px}.cmd{font-size:17px;padding:4px 6px}.moves{padding:5px 10px 0;gap:5px}.move-desc{height:16px;line-height:16px;font-size:10.5px}.move-btn{padding:3px 8px}.back-btn{padding:12px 14px;font-size:15px}.auto-btn{font-size:14px;width:56px}}.story{position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--font-round, "Hiragino Maru Gothic ProN", "Rounded Mplus 1c", sans-serif);color:#21252d;background:linear-gradient(#bfe4f5,#d9eef8 42%,#e7f3e2 42%,#cfe6c2);overflow:hidden}.story-hud{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#ffffffd1;border-bottom:2px solid #9fb3c8;font-size:15px;flex:0 0 auto}.story-hud .hud-place{font-weight:700;font-size:17px}.story-hud .hud-badges{display:flex;align-items:center;gap:4px}.hud-badge-label{margin-right:2px;font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.85}.story-hud .badge{width:13px;height:13px;border-radius:50%;border:2px solid #6c7c90;background:#eef2f6}.story-hud .badge.on{background:#f5c33b;border-color:#a97c14}.story-hud .hud-money{margin-left:auto;font-variant-numeric:tabular-nums}.map-area{position:relative;flex:1 1 auto;margin:8px 12px}.map-links{position:absolute;inset:0;width:100%;height:100%}.map-link{stroke:#b6a179;stroke-width:4;stroke-linecap:round}.map-link.locked{stroke:#c9ccd2;stroke-dasharray:6 5}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;font:inherit;color:inherit}.map-node .node-dot{width:20px;height:20px;border-radius:50%;border:3px solid #4d5a6b;background:#fff;box-shadow:0 2px #0000002e}.map-node.road .node-dot{border-radius:4px;background:#e8dcbb}.map-node.gym .node-dot{background:#f5c33b}.map-node.league .node-dot{background:#9c7bf0}.map-node.hideout .node-dot{background:#566}.map-node.lab .node-dot{background:#7fd0e8}.map-node.locked .node-dot{border-color:#aeb4bd;background:#dfe3e8}.map-node.locked .node-name{color:#8b929c}.map-node .node-name{font-size:12px;white-space:nowrap;background:#ffffffd9;border-radius:4px;padding:0 4px}.map-node.here .node-dot{border-color:#d8452f;box-shadow:0 0 0 4px #d8452f40}.map-node .node-mark{position:absolute;top:-16px;font-size:13px;color:#d8452f;font-weight:700}.map-node:focus-visible .node-dot{outline:3px solid #2f6fd8;outline-offset:2px}.map-node.warp{cursor:pointer}.map-node.warp .node-dot{box-shadow:0 0 0 3px #2f6fd847,0 2px #0000002e}.map-node.warp .node-name{font-weight:700;color:#24457c}.map-node.warp:hover .node-dot{box-shadow:0 0 0 6px #2f6fd838,0 2px #0000002e}.map-ask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0c121c80}.map-ask-box{min-width:240px;padding:16px 20px;border:3px solid #9fb3c8;border-radius:14px;background:#fff;box-shadow:0 8px 20px #0000004d;text-align:center}.map-ask-text{font-size:16px;margin-bottom:12px}.map-ask-row{display:flex;gap:10px;justify-content:center}@media (prefers-reduced-motion: no-preference){.map-node.here .node-dot{animation:node-pulse 1.6s ease-in-out infinite}}@keyframes node-pulse{0%,to{box-shadow:0 0 0 4px #d8452f40}50%{box-shadow:0 0 0 9px #d8452f14}}.story-foot{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffe6;border-top:2px solid #9fb3c8;flex-wrap:wrap}.story-hint{font-size:14px;margin-right:auto}.s-btn{font:inherit;font-size:15px;padding:6px 14px;border-radius:8px;border:2px solid #6c7c90;background:#fff;color:inherit;cursor:pointer;box-shadow:0 2px #b8c3cf}.s-btn:hover:not(:disabled){background:#f2f7ff}.s-btn:disabled{color:#9aa0aa;border-color:#c3c9d1;box-shadow:none;cursor:not-allowed}.s-btn.primary{background:#ffe9a8;border-color:#a97c14}.s-btn:focus-visible{outline:3px solid #2f6fd8;outline-offset:2px}.story-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(#eef4fb,#dde7f2)}.panel-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:2px solid #9fb3c8;background:#ffffffd9;flex:0 0 auto}.panel-title{font-weight:700;font-size:17px}.panel-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.panel-body{flex:1 1 auto;display:flex;min-height:0}.panel-list{flex:0 0 46%;width:46%;min-width:0;overflow-y:auto;overflow-x:hidden;padding:8px;display:block}.panel-list>*{display:block;width:100%;margin:0 0 6px}.panel-list>*:last-child{margin-bottom:0}.panel-list>.row{display:grid}.panel-detail{flex:1 1 auto;min-width:0;padding:10px 14px;overflow-y:auto;border-left:2px solid #9fb3c8;background:#fff9;font-size:14px;line-height:1.6}.panel-foot{flex:0 0 auto;display:flex;gap:8px;padding:8px 12px;border-top:2px solid #9fb3c8;background:#ffffffd9}.panel-foot .grow{margin-right:auto;font-size:14px;align-self:center}.row{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border:2px solid #b8c3cf;border-radius:8px;background:#fff;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:inherit}.row:hover:not(:disabled){background:#f4f9ff}.row.on{border-color:#2f6fd8;background:#eaf2ff}.row:disabled{color:#9aa0aa;cursor:not-allowed}.row:focus-visible{outline:3px solid #2f6fd8;outline-offset:2px}.row .tag{width:6px;height:26px;border-radius:3px;background:var(--hp-high, #6ac36a)}.row.party-row{grid-template-columns:5px minmax(0,1fr) 46px 28px 26px 44px;gap:5px;padding:4px 8px}.row.party-row .tag{width:5px;height:18px}.row.party-row .r-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.party-row .r-lv,.row.party-row .r-hp{font-size:11px;font-variant-numeric:tabular-nums;color:#5a6577;text-align:right;white-space:nowrap}.r-bar{height:5px;border-radius:999px}.row.party-row .r-cond{padding:1px 5px;border-radius:999px;background:#f59e0b;color:#fff;font-size:9px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.party-row .r-cond.empty{background:none}.row .tag.mid{background:var(--hp-mid, #e8c33a)}.row .tag.low{background:var(--hp-low, #e05a4a)}.row .tag.out{background:#9aa0ac}.row .main{display:flex;flex-direction:column;gap:2px;min-width:0}.row .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .sub{font-size:12px;color:#5b6472;font-variant-numeric:tabular-nums}.row .right{font-variant-numeric:tabular-nums;font-size:13px}.bar{position:relative;height:6px;border-radius:3px;background:#d7dde5;overflow:hidden}.bar>span{display:block;height:100%;background:var(--hp-high, #6ac36a);transition:width .24s linear}.bar>span.mid{background:var(--hp-mid, #e8c33a)}.bar>span.low{background:var(--hp-low, #e05a4a)}.bar.exp>span{background:#4b8ef0}.mon-art{display:flex;align-items:flex-end;justify-content:center;height:150px}.mon-art img{max-height:100%;max-width:100%;object-fit:contain}.mon-art.flip img{transform:scaleX(-1)}.stat-grid{display:grid;grid-template-columns:auto 1fr auto;gap:3px 8px;align-items:center;font-size:13px}.move-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.move-chip{border:2px solid #b8c3cf;border-radius:6px;padding:3px 6px;background:#fff;font-size:12px;display:flex;justify-content:space-between;gap:6px;align-items:center;font:inherit;color:inherit;cursor:default}.move-chip .mv-type{width:4px;align-self:stretch;border-radius:2px}.move-chip.pick{cursor:pointer}.move-chip.pick:hover{background:#f4f9ff}.starter-row{display:flex;gap:10px;justify-content:center;align-items:stretch;flex:1 1 auto;padding:10px;min-height:0}.starter-card{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid #b8c3cf;border-radius:12px;background:#ffffffbf;padding:8px;font:inherit;color:inherit;cursor:pointer;min-width:0}.starter-card:hover,.starter-card:focus-visible{border-color:#2f6fd8;background:#fff;outline:none}.starter-card .s-name{font-weight:700;font-size:16px}.starter-card .s-types{display:flex;gap:4px}.starter-card .s-flavor{font-size:12px;line-height:1.5;color:#4b5563}.type-chip{font-size:11px;color:#fff;border-radius:999px;padding:1px 8px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.growth{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0c121cb8;color:#fff}.growth.stats-only{justify-content:flex-start;padding-top:72px;background:none;color:#21252d}.growth.stats-only .g-stats{padding:12px 18px;border:3px solid #9fb3c8;border-radius:14px;background:#ffffffeb;box-shadow:0 6px 16px #00000047}.growth.stats-only .g-bar{background:#18203029}.growth .g-text{font-size:19px;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.4)}.growth .g-art{position:relative;height:210px;display:flex;align-items:flex-end}.growth .g-art img{max-height:100%;object-fit:contain;transition:opacity .42s linear,transform .42s ease-out}.growth .g-art img.out{opacity:0;transform:scale(.86)}.growth .g-art img.in{opacity:1;transform:scale(1)}.growth .g-flash{position:absolute;inset:-60vh -60vw;background:radial-gradient(circle at 50% 60%,#fff 0% 42%,#fff0 72%);opacity:0;pointer-events:none}.growth .g-flash.on{opacity:1;transition:opacity .18s linear}.growth .g-stats{display:grid;grid-template-columns:auto auto 120px;align-items:center;gap:4px 14px;font-size:14px;font-variant-numeric:tabular-nums}.growth .g-exp{grid-template-columns:auto auto 160px;font-size:15px}.growth .g-bar{height:8px;border-radius:999px;background:#ffffff2e;overflow:hidden}.growth .g-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(#8fd2a0,#4fa96b);transition:width .52s ease-out}.growth .g-bar>span.exp{background:linear-gradient(#9ad4f5,#3f8fd0)}@media (prefers-reduced-motion: reduce){.growth .g-bar>span{transition:none}}@media (prefers-reduced-motion: no-preference){.story-dialogue .message{animation:box-rise var(--rise-ms, 0ms) ease-out}}@keyframes box-rise{0%{translate:0 100%}to{translate:0 0}}.shop-price{font-variant-numeric:tabular-nums}.tactic-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.tactic-btn{flex:1;padding:4px 8px;border-radius:4px;border:1px solid rgb(255 255 255 / .25);background:#ffffff14;color:inherit;font:inherit;cursor:pointer;text-align:left}.growth.learn{justify-content:center;padding:0 16px 116px}.learn-panel{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;min-height:0;padding:14px 16px;border:3px solid #9fb3c8;border-radius:14px;background:#fffffff2;color:#21252d;box-shadow:0 8px 20px #00000059}.learn-fresh{flex:none}.learn-scroll{min-height:0;overflow-y:auto}.learn-label{margin:2px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#5a6577}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learn-btn{padding:0;border:3px solid transparent;border-radius:12px;background:none;font-family:inherit;text-align:left;cursor:pointer}.learn-btn:last-child{grid-column:1 / -1}.learn-btn.on,.learn-btn:focus-visible{border-color:#ffb703;outline:none}.m-card{padding:7px 10px;border:2px solid #c3cedd;border-radius:10px;background:linear-gradient(#fff,#eef2f8)}.m-card.fresh{margin-bottom:6px;border-color:#ffb703;background:linear-gradient(#fffdf0,#fff2cf)}.m-card.skip{text-align:center;font-weight:700;color:#5a6577}.m-head{display:flex;align-items:center;gap:7px}.m-type{flex:none;padding:1px 7px;border-radius:5px;font-size:10px;font-weight:700;color:#fff;background:#6b7280}.m-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-stat{margin-top:3px;font-size:12px;font-variant-numeric:tabular-nums;color:#48536a}.learn-desc{flex:none;margin-top:10px;min-height:48px;padding:8px 10px;border-radius:10px;background:#1820300f;font-size:13px;line-height:1.5;white-space:pre-line}.learn-desc.fresh{margin-top:0;margin-bottom:10px}.growth.evo{background:radial-gradient(circle at 50% 46%,#1b2740,#0c1322 56%,#060a12)}@media (prefers-reduced-motion: no-preference){.growth.evo{animation:evo-dim var(--evo-dim-ms, 0ms) ease-out}}@keyframes evo-dim{0%{opacity:0}to{opacity:1}}.growth.evo .g-art{height:400px}.growth.evo .g-text{position:absolute;left:0;right:0;bottom:14px;text-align:center}.growth.evo .g-shape{position:absolute;inset:0;background:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center bottom;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center bottom;opacity:0;pointer-events:none}.growth.evo .g-shape.on{opacity:1}.growth.evo .g-ring{position:absolute;left:50%;top:55%;width:120px;height:120px;margin:-60px 0 0 -60px;border:6px solid rgba(255,246,200,.95);border-radius:50%;opacity:0;transform:scale(.2);pointer-events:none;mix-blend-mode:screen}.growth.evo .g-ring.on{animation:evo-ring .7s ease-out forwards}@keyframes evo-ring{0%{opacity:.95;transform:scale(.2);border-width:10px}to{opacity:0;transform:scale(4.2);border-width:1px}}.growth.evo .g-art img.in{animation:evo-appear .42s ease-out}@keyframes evo-appear{0%{opacity:0;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.growth.evo .g-ring.on,.growth.evo .g-art img.in{animation:none}.growth .g-flash.on{transition:none}}.d-head{display:flex;align-items:flex-start;gap:8px}.d-head .mon-art{flex:none;width:96px;height:96px}.d-id{flex:1 1 auto;min-width:0}.d-no{font-size:10px;font-weight:700;letter-spacing:.04em;color:#5a6577}.d-id .panel-title{font-size:15px}.d-id .s-types{display:flex;gap:4px;margin:3px 0}.d-hp{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;font-size:11px}.d-cond{padding:1px 6px;border-radius:999px;background:#18203014;font-size:10px;white-space:nowrap}.d-cond.bad{background:#f59e0b;color:#fff;font-weight:700}.d-block{margin-top:6px}.d-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:#5a6577}.d-stats{display:grid;grid-template-columns:repeat(2,3.6em 1fr 2.2em);align-items:center;gap:2px 5px;font-size:11px;font-variant-numeric:tabular-nums}.d-stats .bar{height:6px}.d-key{font-weight:700;color:#5a6577;white-space:nowrap}.d-val{text-align:right;white-space:nowrap}.d-ability{margin-top:6px;padding:4px 7px;border-radius:7px;background:#1820300f}.d-ability-name{font-size:11px;font-weight:700}.d-ability-desc{font-size:11px;line-height:1.45;color:#48536a}.d-evo{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 8px;margin-top:6px;padding:4px 7px;border:2px solid #ffd8a8;border-radius:7px;background:#fffaf0;font-size:11px}.d-evo .d-val{text-align:left}.d-moves{display:flex;flex-direction:column;gap:3px;margin-top:2px}.d-move{display:grid;grid-template-columns:4px 4.8em 1fr 3.8em 2.8em;align-items:center;gap:5px;padding:3px 6px 3px 0;border:2px solid #b8c3cf;border-radius:7px;background:#fff;font-family:inherit;font-size:11px;text-align:left;cursor:pointer}.d-move.on,.d-move:focus-visible{border-color:#ffb703;outline:none}.d-move .mv-type{align-self:stretch;border-radius:7px 0 0 7px;background:#6b7280}.d-move .type-chip{font-size:9px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-move-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-move-pow,.d-move-pp{font-variant-numeric:tabular-nums;color:#48536a;text-align:right;white-space:nowrap}.d-move-desc{margin-top:4px;min-height:32px;padding:4px 7px;border-radius:7px;background:#1820300f;font-size:11px;line-height:1.45;white-space:pre-line}.panel-detail .sub{margin-top:5px;font-size:11px;line-height:1.45}.panel-detail .d-flavor{margin:4px 0 7px;font-size:11px;line-height:1.45;color:#4a5262}.row.holding{border-color:#b45309;background:#fff7ed}.row.party-row.holding .r-lv,.row.party-row.holding .r-bar,.row.party-row.holding .r-hp{display:none}.row.party-row .hold-tag{grid-column:4 / -1;grid-row:1;justify-self:end}.row .hold-tag{padding:2px 8px;border-radius:6px;background:#b45309;color:#fff;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.screen.picker{z-index:30}.screen.picker .story-panel{box-shadow:0 0 0 2px #9fb3c8}@media (pointer: coarse){.s-btn{padding:11px 16px}.row{padding:10px}.row.party-row{padding:9px 8px}}.move-check-head{margin-top:6px;font-size:12px;font-weight:700}.move-check-head.strong{color:#c0392b}.move-check-head.weak{color:#2d6ca2}.move-check-head.none{color:#6b7280}.field{position:absolute;inset:0;overflow:hidden;background:#2b2f38;user-select:none;--step-ms: .14s;--hop-amp: -3px}.field-camera{position:absolute;top:0;left:0;will-change:transform}.field-tiles{position:relative;display:grid;grid-auto-rows:32px;image-rendering:pixelated;background-size:32px 32px;background-repeat:repeat}.field-tiles>i{display:block;width:32px;height:32px;background-size:32px 32px;background-repeat:no-repeat}@media (prefers-reduced-motion: no-preference){.tile-shake{animation:tile-shake .26s ease-out}}@keyframes tile-shake{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.field-canopy{position:absolute;top:0;left:0;width:32px;height:64px;background-size:32px 64px;background-repeat:no-repeat;pointer-events:none}.field-hero{position:absolute;width:32px;height:48px;top:0;left:0;display:flex;align-items:flex-end;justify-content:center;will-change:transform;pointer-events:none}.field-hero img{max-width:30px;max-height:46px;object-fit:contain;image-rendering:auto}.field-hero.flip img{transform:scaleX(-1)}@media (prefers-reduced-motion: no-preference){.field-hero.hop img{animation:hero-hop var(--step-ms) ease-out infinite}}.field-hero.hopping img{animation:none;translate:0 var(--hop-lift, 0px)}.field-hero.hopping:after{width:13px;height:4px;opacity:.5}@keyframes hero-hop{0%,to{translate:0 0}50%{translate:0 var(--hop-amp)}}@media (prefers-reduced-motion: no-preference){.field-hero.bump{animation:hero-bump var(--step-ms) ease-out}}@keyframes hero-bump{0%,to{translate:0 0}35%{translate:var(--bump-x, 0px) var(--bump-y, 0px)}}.field-hero:after{content:"";position:absolute;bottom:1px;width:20px;height:6px;border-radius:50%;background:#00000047}.field-npc{position:absolute;width:32px;height:48px;top:0;left:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.field-npc img{max-width:30px;max-height:46px;object-fit:contain;image-rendering:auto}.field-npc:after{content:"";position:absolute;bottom:1px;width:20px;height:6px;border-radius:50%;background:#00000047}.field-npc .mark{position:absolute;top:-4px;font-size:15px;font-weight:700;color:#ffd66b;text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 0 #6b3d05}.field-npc.event:before{content:"";position:absolute;bottom:0;width:26px;height:10px;border-radius:50%;border:2px solid rgba(255,214,107,.9)}@media (prefers-reduced-motion: no-preference){.field-npc.event .mark{animation:mark-bob .9s ease-in-out infinite}}.field-npc.flip img{transform:scaleX(-1)}.field-npc.spot .mark{font-size:18px;color:#ffe08a}@media (prefers-reduced-motion: no-preference){.field-npc.spot .mark{animation:mark-pop .2s ease-out 1}.field-npc.spot.hop img{animation:hero-hop var(--step-ms) ease-out infinite}}@keyframes mark-pop{0%{translate:0 5px;opacity:0}to{translate:0 0;opacity:1}}@keyframes mark-bob{0%,to{translate:0 0}50%{translate:0 -3px}}.field-item{position:absolute;width:32px;height:32px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;pointer-events:none}.field-item:after{content:"";position:absolute;bottom:5px;width:16px;height:5px;border-radius:50%;background:#0000004d}.field-item>span{position:relative;z-index:1;display:block;width:16px;height:16px}.field-item>span{border-radius:50%;border:2px solid #2c313c;background:linear-gradient(#d8452f 0 44%,#2c313c 44% 56%,#f4f6fa 56% 100%);box-shadow:0 0 0 1px #ffffffd9}.field-item>span:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:5px;height:5px;border-radius:50%;background:#f4f6fa;box-shadow:0 0 0 1px #2c313c}@media (prefers-reduced-motion: no-preference){.field-item>span{animation:item-glint 2.6s ease-in-out infinite}}@keyframes item-glint{0%,88%,to{box-shadow:0 0 0 1px #ffffffd9}94%{box-shadow:0 0 0 1px #fffffff2,0 0 6px 2px #ffffff8c}}.field-veil{position:absolute;top:20px;left:0;width:32px;height:12px;background-image:url(/tiles/tallgrass.png);background-position:0 -20px;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.field-dark{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle var(--dark-r, 108px) at var(--dark-x, 50%) var(--dark-y, 50%),rgba(255,214,138,.16) 0%,rgba(255,196,110,.05) 42%,rgba(0,0,0,0) 62%),radial-gradient(circle var(--dark-r, 108px) at var(--dark-x, 50%) var(--dark-y, 50%),rgba(0,0,0,0) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.96) 100%)}.field-rain{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(108deg,#c6e0ff00 0 7px,#c6e0ff80 7px 8px,#c6e0ff00 8px 15px),linear-gradient(#283e6033,#283e6047);background-size:62px 62px,100% 100%}@media (prefers-reduced-motion: no-preference){.field-rain{animation:rain-fall .62s linear infinite}}@media (prefers-reduced-motion: reduce){.field-rain{background:linear-gradient(#283e6038,#283e604d)}}@keyframes rain-fall{to{background-position:0 62px,0 0}}.field-snow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1.6px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.8) 0 2.2px,transparent 3px),radial-gradient(circle at 45% 85%,rgba(255,255,255,.75) 0 1.4px,transparent 2px),linear-gradient(#cee0f53d,#b4cce84d);background-size:74px 74px,118px 118px,52px 52px,100% 100%}.field-heat{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(86deg,#ffd69600 0 11px,#ffd6964d 11px 13px,#ffd69600 13px 26px),linear-gradient(#e2762e3d,#a85c2229);background-size:96px 96px,100% 100%}@media (prefers-reduced-motion: no-preference){.field-snow{animation:snow-fall 3.2s linear infinite}.field-heat{animation:heat-shimmer 1.9s linear infinite}}@media (prefers-reduced-motion: reduce){.field-snow{background:linear-gradient(#cee0f542,#b4cce852)}.field-heat{background:linear-gradient(#e2762e42,#a85c222e)}}@keyframes snow-fall{to{background-position:12px 74px,-18px 118px,8px 52px,0 0}}@keyframes heat-shimmer{to{background-position:-96px 0,0 0}}.field-hud,.field-money{position:absolute;top:8px;z-index:3;display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:8px;font-size:14px;color:#f2f6fb;background:#0c101885;transition:opacity .16s ease-out}.field-hud{left:8px}.field-money{right:8px;font-variant-numeric:tabular-nums}.field.moving .field-hud,.field.moving .field-money{opacity:.35}.field-hud .hud-place{font-weight:700}.field-hud .hud-goal{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;opacity:.82}.field-hud .hud-omen{max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#8a3520}.field-hud .hud-badge-label{margin-right:2px;font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.85}.field-hud .hud-badges{display:flex;gap:4px;align-items:center}.field-hud .badge{width:12px;height:12px;border-radius:50%;border:2px solid #6c7c90;background:#eef2f6}.field-hud .badge.on{background:#f5c33b;border-color:#a97c14}.field-help{position:absolute;bottom:156px;left:12px;width:fit-content;max-width:calc(100% - 24px);z-index:3;padding:5px 12px;border-radius:8px;font-size:13px;line-height:1.5;color:#f2f6fb;background:#0c10189e;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.field-help.show{opacity:1}.field-tools{position:absolute;right:12px;top:46px;z-index:4;display:flex;flex-direction:column;align-items:stretch;gap:6px}.field-pad{position:absolute;left:12px;bottom:12px;z-index:4;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:2px}.field-act{position:absolute;right:12px;bottom:12px;z-index:4;display:flex;align-items:flex-end;gap:8px}.field .f-btn,.field .f-pad{font:inherit;font-weight:700;color:#21252d;border:2px solid #3d4a5c;border-radius:10px;background:linear-gradient(#fff,#e7edf6);cursor:pointer;box-shadow:0 2px #9aa8bb,0 3px 8px #0000004d;transition:transform .06s ease-out,background .1s}.field .f-btn{font-size:14px;padding:6px 12px}.field .f-pad{font-size:20px;padding:0}.field .f-btn.ok{min-width:84px;padding:18px 12px;font-size:16px;background:linear-gradient(#fff6d8,#ffe49a);border-color:#a97c14}.field .f-btn:active,.field .f-pad:active{transform:translateY(2px);background:linear-gradient(#e6eef8,#d3dfee);box-shadow:0 0 #9aa8bb}.field .f-btn:focus-visible,.field .f-pad:focus-visible{outline:3px solid #2f6fd8;outline-offset:2px}.field .f-btn.run.on{background:linear-gradient(#ffe9a8,#f5c33b);border-color:#a97c14}.field-pad .up{grid-area:1 / 2}.field-pad .left{grid-area:2 / 1}.field-pad .ok{grid-area:2 / 2}.field-pad .right{grid-area:2 / 3}.field-pad .down{grid-area:3 / 2}@media (prefers-reduced-motion: reduce){.field .f-btn,.field .f-pad{transition:none}.field .f-btn:active,.field .f-pad:active{transform:none}}@media (pointer: coarse){.field-pad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px}.field-help{bottom:184px}.field-tools{top:50px}.field .f-btn{font-size:15px;padding:10px 14px}.field .f-pad{font-size:23px}.field .f-btn.ok{min-width:96px;padding:22px 14px;font-size:18px}}.screen-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:30;transition:opacity 90ms ease-in}.screen-flash.on{opacity:1}.screen-flash.out{opacity:0;transition:opacity .22s ease-out}.screen-veil{position:absolute;inset:0;background:#05070b;opacity:0;pointer-events:none;z-index:30;transition:opacity var(--fade-out, 0ms) ease-in}.screen-veil.on{opacity:1}.screen-veil.out{opacity:0;transition:opacity var(--fade-in, 0ms) ease-out}.screen-veil.under{z-index:20}