:root{--paper:#f7e8d3;--paper-2:#fbf0dc;--paper-edge:#e5cfaf;--ink:#2f3539;--ink-soft:#8a785a;--navy:#2b4659;--navy-2:#1a2e44;--red:#bc343a;--red-2:#e33125;--gold:#d6a640;--hud-bg:#1d2a32d9;--hp-green:#95d57f;--hp-red:#c25d54;--hp-empty:#e4ecee;--energy:#6cb0be;--stamina:#ccb57f;--font:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand:"Kaiti SC", "STKaiti", "KaiTi", "Kaiti", "BiauKai", "LXGW WenKai", serif;--font-num:"SF Mono", "Menlo", "Consolas", "Roboto Mono", monospace;--card:#fefaef;--cream:#f8f0e0;--cream-edge:#e3d3b4;--wood:#b88e5e;--wood-2:#8f6a40;--press:#bfe0f1;--input:#e9f1f2;--input-edge:#c9d8dc;--disabled:#e7dfca;--disabled-ink:#b2a68b;--ok:#86b262;--track:#cdc0a6;--bar-track:#e4d5be;--mist:#e2ece2e6;--gold-soft:#fff0c0;--gold-edge:#ccba87;--story-bg:#102930;--loading-bg:#142b3d;--coral:#e74f48;--radius-s:4px;--radius:8px;--radius-l:12px;--shadow-card:0 1px 2px #5034141f, 0 2px 6px #50341414;--shadow-pop:0 10px 30px #08121a73;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--gut-x:clamp(10px, 7vw, 180px);--gut-y:clamp(8px, 4vh, 52px);--paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .14 .16 0 0 0 -.02'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--corner-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23b8882c' stroke-linecap='round'%3E%3Cpath d='M3 45V13a10 10 0 0 1 10-10h32' stroke-width='2.6'/%3E%3Cpath d='M9 41V16a7 7 0 0 1 7-7h25' stroke-width='1.1' opacity='.75'/%3E%3C/g%3E%3Cpath d='M17 11l6 6-6 6-6-6z' fill='%23d6a640' stroke='%23946c1f' stroke-width='.8'/%3E%3Cpath d='M22 22c6 0 11 3 13 9-6 1-11-2-13-9z' fill='%23c79a3a' opacity='.85'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:clamp(12px,1.4vmin + 6px,20px)}@media (max-height:480px){:root{--gut-x:clamp(8px, 3.2vw, 40px);--gut-y:8px}}*,:before,:after{box-sizing:border-box}html,body{background:#13212c;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;font-size:1rem;line-height:1.45}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}#app{position:fixed;inset:0;overflow:hidden}.boot{color:#ffffff8c;letter-spacing:.3em;background:radial-gradient(60% 60% at 50% 45%,#1d3a52,#142b3d 60%,#0e2030 100%);place-items:center;display:grid;position:absolute;inset:0}.icon{vertical-align:-.22em;flex:none;width:1.2em;height:1.2em}.emblem{flex:none;display:block}*{scrollbar-width:thin;scrollbar-color:#2b465961 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2b465959 padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#2b46598c}.scroll-y{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{display:flex;position:absolute;inset:0;overflow:hidden}.screen-content{z-index:1;min-width:0;min-height:0;padding:max(var(--gut-y), var(--safe-t)) max(var(--gut-x), var(--safe-r)) max(var(--gut-y), var(--safe-b)) max(var(--gut-x), var(--safe-l));flex:1;justify-content:center;align-items:center;display:flex;position:relative}.bg{background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.bg>svg{width:100%;height:100%;position:absolute;inset:0}.bg-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.bg-img.is-loaded{opacity:1}.bg-dim{background:#0b1620;position:absolute;inset:0}.panel{min-width:0;min-height:0;color:var(--ink);flex-direction:column;display:flex;position:relative}.panel-paper{--frame:clamp(4px, .5rem, 10px);isolation:isolate;margin:var(--frame)}.panel-paper:before{content:"";inset:calc(var(--frame) * -1);z-index:-2;background:repeating-linear-gradient(92deg, #ffebc812 0 3px, #3c230a0f 3px 7px, transparent 7px 13px), linear-gradient(180deg, #c49a68, var(--wood) 45%, #a57b4c);box-shadow:var(--shadow-pop), inset 0 0 0 1px #ffe4ba47;border-radius:12px;position:absolute;transform:rotate(-.3deg)}.panel-paper:after{content:"";z-index:-1;background:var(--paper-noise), radial-gradient(ellipse 75% 70% at 50% 42%, var(--paper) 52%, #f0dcbd 82%, var(--paper-edge) 100%);outline-offset:-.42rem;pointer-events:none;border-radius:7px 11px 8px 12px/11px 7px 12px 8px;outline:1px dashed #966c3452;position:absolute;inset:0;box-shadow:0 0 0 1px #7a562847,inset 0 0 1.4rem #aa783c33}.panel-flat{border-radius:var(--radius);background:var(--paper-noise), var(--paper-2);box-shadow:0 0 0 1px #7a562833, var(--shadow-pop)}.panel-corner{background:var(--corner-art) center / contain no-repeat;pointer-events:none;z-index:2;width:clamp(22px,2.6rem,48px);height:clamp(22px,2.6rem,48px);position:absolute;bottom:-.2rem}.panel-corner-l{left:-.2rem;transform:scaleY(-1)}.panel-corner-r{right:-.2rem;transform:scale(-1)}.panel-flat .panel-corner{display:none}.panel-head{z-index:1;align-items:center;gap:.6rem .9rem;min-width:0;padding:1rem 1.3rem .35rem;display:flex;position:relative}.panel-sub{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-size:max(12px,.88rem);overflow:hidden}.panel-head-gap{flex:1 0 0}.panel-body{z-index:1;flex-direction:column;flex:1;min-height:0;padding:.5rem 1.3rem 1.2rem;display:flex;position:relative}.tag-title{border-radius:var(--radius-s);background:linear-gradient(180deg, #34546a, var(--navy));color:#fff;letter-spacing:.06em;white-space:nowrap;flex:none;align-items:center;padding:.28em .85em .28em 1.05em;font-size:1.5rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative;box-shadow:0 2px #0f1e2c59}.tag-title:before{content:"";background:var(--gold);border-radius:2px;width:.2em;position:absolute;top:.32em;bottom:.32em;left:.38em}.btn{letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45em;min-height:2.45em;padding:.4em 1.25em;font-size:1rem;font-weight:600;line-height:1.2;transition:transform 80ms,background-color .12s,box-shadow .12s,filter .12s;display:inline-flex;position:relative}.btn-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.btn-icon{width:1.15em;height:1.15em}.btn-arrow{width:1.1em;height:1.1em;margin-left:.1em}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.07)}}.btn:not(:disabled):active{transform:translateY(1px)scale(.985);background:var(--press)!important;color:var(--navy-2)!important;box-shadow:none!important}.btn-primary{background:linear-gradient(180deg, #cc4741, var(--red) 60%, #a92c33);color:#fff;box-shadow:0 2px #84222a,0 3px 10px #8c1e2440}.btn-bright{background:linear-gradient(180deg, #f2523d, var(--red-2) 55%, #c9271d);color:#fff;box-shadow:0 0 0 2px #ffeeded9,0 0 18px #ff785073,0 4px 12px #500a0059}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 0 0 1.5px #ffffff47,0 2px #0f1e2c59}.btn-ghost{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy);background:0 0}.btn-mist{background:var(--mist);color:#24333b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #fff9,0 3px 10px #0a1e2838}.btn-light{color:var(--ink);background:#ebf1f1;box-shadow:0 1px #00000026}.btn-danger{color:#fff;background:#9d2a31;box-shadow:0 2px #64161c}.btn-sm{min-height:2.15em;padding:.3em .95em;font-size:max(12px,.86rem)}.btn-lg{min-height:2.6em;padding:.45em 1.6em;font-size:1.18rem}.btn-block{width:100%;display:flex}.btn-square{border-radius:var(--radius)}.btn:disabled{background:var(--disabled);color:var(--disabled-ink);box-shadow:none;cursor:default}.btn-back{flex:none;box-shadow:0 0 0 2px #fff8e8e6,0 2px 6px #0f1e2c59}.tabs{border-radius:var(--radius);background:#2b465914;gap:.3rem;padding:.2rem;display:inline-flex}.tab{color:var(--navy-2);white-space:nowrap;cursor:pointer;background:#e5eef5;border:0;border-radius:6px;align-items:center;gap:.35em;padding:.32em 1em;font-size:max(12px,.92rem);font-weight:600;transition:background-color .12s;display:inline-flex}.tab.is-active{background:var(--navy-2);color:#fff}.tab:not(.is-active):active{background:var(--press)}.tab:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.card{border-radius:var(--radius);background:var(--card);min-width:0;min-height:0;box-shadow:0 0 0 1px #8c683a33, var(--shadow-card);padding:.75rem .9rem;position:relative}.card-title{color:var(--ink);align-items:center;gap:.45em;margin-bottom:.5rem;font-size:1.08rem;font-weight:700;display:flex}.card-title small{color:var(--ink-soft);font-size:max(12px,.8rem);font-weight:400}.hint{color:var(--ink-soft);font-size:max(12px,.82rem)}.slot{border:1px solid var(--cream-edge);background:var(--cream);min-width:0;color:var(--ink);cursor:pointer;border-radius:6px;transition:background-color .12s,border-color .12s,transform 80ms;position:relative}@media (hover:hover){.slot:not(.is-selected):hover{border-color:#2b46598c}}.slot:active{transform:scale(.97)}.slot:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.slot.is-selected{background:var(--red);color:#fff;border-color:#9b2a30}.slot.is-gold{background:var(--gold-soft);border-color:var(--gold-edge)}.slot.is-empty{color:var(--ink-soft);cursor:default;border-style:dashed;place-items:center;display:grid}.chip{background:var(--navy);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4em;min-width:0;min-height:2em;padding:.2em .8em;font-size:max(12px,.86rem);font-weight:600;transition:background-color .12s,transform 80ms;display:inline-flex}.chip:active{background:var(--press);color:var(--navy-2);transform:scale(.97)}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chip.is-active{background:var(--red);box-shadow:inset 0 0 0 2px #fff0dce6}.chip-swatch{background:var(--sw,#888);border-radius:3px;flex:none;width:.38em;height:1.15em;box-shadow:0 0 0 1px #ffffff8c}.chip-light{color:var(--navy-2);background:#e5eef5}.input{border:1.5px solid var(--input-edge);background:var(--input);width:100%;min-width:0;min-height:2.3em;color:var(--ink);border-radius:999px;outline:none;padding:.35em 1em;font-size:max(16px,1rem);transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--navy);border-width:2px;box-shadow:0 0 0 3px #2b465926}.input::placeholder{color:#9aa9ad}.switch{flex:none;width:2.6em;height:1.45em;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch i{background:var(--track);pointer-events:none;border-radius:999px;transition:background-color .15s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:1.13em;height:1.13em;transition:transform .15s;position:absolute;top:.16em;left:.16em;box-shadow:0 1px 2px #0000004d}.switch input:checked+i{background:var(--red)}.switch input:checked+i:after{transform:translate(1.15em)}.switch input:focus-visible+i{outline:2px solid var(--gold);outline-offset:2px}.range{--v:50;appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:1.6em;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--red) calc(var(--v) * 1%), var(--bar-track) calc(var(--v) * 1%));border-radius:999px;height:.45em}.range::-moz-range-track{background:linear-gradient(90deg, var(--red) calc(var(--v) * 1%), var(--bar-track) calc(var(--v) * 1%));border-radius:999px;height:.45em}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--navy);border:2px solid #fff;border-radius:50%;width:1.2em;height:1.2em;margin-top:-.375em;box-shadow:0 1px 3px #00000059}.range::-moz-range-thumb{background:var(--navy);border:2px solid #fff;border-radius:50%;width:1em;height:1em}.range:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.kbd{min-width:1.9em;height:1.75em;color:var(--navy-2);font-family:var(--font-num);white-space:nowrap;background:#fff;border-radius:5px;justify-content:center;align-items:center;padding:0 .45em;font-size:max(12px,.8rem);font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 0 1px #cdbf9f,0 2px #cdbf9f}.bar{background:var(--bar-track);border-radius:999px;height:.5em;position:relative;overflow:hidden}.bar>i{width:calc(var(--v,0) * 1%);border-radius:inherit;background:var(--ok);transition:width .25s;position:absolute;inset:0 auto 0 0}#modal-layer,#toast-layer{z-index:100;pointer-events:none;position:fixed}#modal-layer{inset:0}#modal-layer:empty{display:none}.modal-back{padding:max(10px, var(--safe-t)) max(14px, var(--safe-r)) max(10px, var(--safe-b)) max(14px, var(--safe-l));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:auto;background:#08121a8c;place-items:center;animation:.16s both fade-in;display:grid;position:absolute;inset:0}.modal-back.is-leaving{animation:.16s both fade-out}.modal{width:min(92vw,30rem);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);padding:1.1rem 1.3rem 1.2rem;animation:.22s cubic-bezier(.2,.8,.3,1.2) both pop-in;overflow:visible}.modal-title{align-self:flex-start;margin-bottom:.7rem;font-size:1.25rem}.modal-body{z-index:1;min-height:0;position:relative;overflow-y:auto}.modal-text{white-space:pre-line;font-size:1.02rem}.modal-actions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex;position:relative}#toast-layer{top:calc(var(--safe-t) + .8rem);z-index:200;flex-direction:column;align-items:center;gap:.4rem;width:max-content;max-width:90vw;display:flex;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#14222eed;border-radius:999px;align-items:center;gap:.55em;max-width:90vw;padding:.5em 1.15em;font-size:max(13px,.95rem);animation:.22s cubic-bezier(.2,.8,.3,1.2) both toast-in;display:inline-flex;box-shadow:0 0 0 1px #ffffff1f,0 6px 18px #00000059}.toast.is-leaving{animation:.22s both fade-out}.toast-dot{background:var(--gold);border-radius:50%;flex:none;width:.55em;height:.55em}.toast-ok .toast-dot{background:var(--hp-green)}.toast-warn .toast-dot{background:#ff6a55}.ring-progress{width:var(--ring-size,4.2em);height:var(--ring-size,4.2em);flex:none;position:relative}.ring-progress svg{width:100%;height:100%;display:block}.ring-track{fill:none;stroke:var(--track);stroke-width:9px}.ring-fill{fill:none;stroke:var(--ring-color,var(--ok));stroke-width:9px;stroke-linecap:round;transition:stroke-dasharray .3s}.ring-text{flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;inset:0}.ring-text b{font-size:1.05em}.ring-text small{color:var(--ink-soft);font-size:max(12px,.62em)}.pixel{image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;display:block}.pixel-box{position:relative}.pixel-fit{max-width:none;position:absolute}#fs-btn{z-index:50;top:calc(var(--safe-t) + .7rem);right:calc(var(--safe-r) + .7rem);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10202c6b;border:0;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;padding:0;display:none;position:fixed;box-shadow:0 0 0 1px #ffffff59}#fs-btn .icon{width:1.25rem;height:1.25rem}#fs-btn:active{background:var(--press);color:var(--navy-2)}html[data-screen=title] #fs-btn.is-supported{display:grid}#rotate-hint{z-index:1000;color:#fff;text-align:center;background:radial-gradient(80% 60% at 50% 40%,#1d3a52,#0e2030);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}#rotate-hint .rotate-phone{color:#f3e6c8;width:64px;height:64px;animation:2.4s ease-in-out infinite rotate-phone}#rotate-hint b{letter-spacing:.1em;font-size:20px}#rotate-hint p{color:#a9bccb;font-size:14px}@media (orientation:portrait) and (hover:none),(orientation:portrait) and (max-width:600px){#rotate-hint{display:flex}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes slide-in-r{0%{opacity:0;transform:translate(28px)}}.scr-title{color:#fff}.scr-title .bg-img,.scr-title .bg>svg{transform-origin:60% 40%;animation:48s ease-in-out infinite alternate title-pan}@keyframes title-pan{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.09)translate(-1.2%,.6%)}}.title-shade{pointer-events:none;background:linear-gradient(90deg,#0a182200 52%,#0a182242 100%),linear-gradient(#08121c00 74%,#08121c80 100%);position:absolute;inset:0}.title-petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-petals i{top:-6%;left:var(--x);width:var(--s);height:calc(var(--s) * .62);background:var(--c);opacity:0;animation:petal-fall var(--d) linear var(--delay) infinite;border-radius:80% 0;position:absolute}@keyframes petal-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}8%{opacity:.9}85%{opacity:.85}to{opacity:0;transform:translate(-22vw,112vh)rotate(560deg)}}.title-logo{z-index:2;left:max(6vw, calc(var(--safe-l) + 14px));top:max(4.5vh, calc(var(--safe-t) + 8px));flex-direction:column;align-items:flex-start;animation:.9s cubic-bezier(.2,.8,.3,1.1) both logo-in;display:flex;position:absolute}@keyframes logo-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.logo-row{align-items:center;gap:.18em;font-size:clamp(30px,9.4vh,104px);display:flex;position:relative}.logo-ridge{z-index:-1;opacity:.92;height:.95em;position:absolute;bottom:-.08em;left:.9em;right:-.4em}.logo-row .emblem{filter:drop-shadow(0 .04em .05em #0a192880);width:1.12em;height:1.12em}.logo-text{letter-spacing:.06em;white-space:nowrap;font-size:1em;font-weight:900;line-height:1;display:grid;position:relative}.logo-text>span{grid-area:1/1}.logo-stroke{color:var(--navy-2);-webkit-text-stroke:.15em var(--navy-2);text-shadow:0 .07em 0 var(--navy-2), 0 .12em .14em #00000059}.logo-fill{background:linear-gradient(#fffbe0 0%,#ffe28a 34%,#f2b63d 64%,#d98a1f 100%);color:#0000;-webkit-text-stroke:.012em #fffadc99;-webkit-background-clip:text;background-clip:text}.logo-sub{color:#1c3346;letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 6px #ffffffe6,0 0 2px #ffffffe6;align-items:center;gap:.7em;margin:.55em 0 0 1.5em;font-size:clamp(12px,2.1vh,19px);font-weight:700;display:flex}.logo-sub i{opacity:.7;background:currentColor;width:2.2em;height:1.5px;display:block}.title-greet{z-index:2;right:max(6vw, calc(var(--safe-r) + 14px));top:max(8vh, calc(var(--safe-t) + 14px));color:#1b252b;width:clamp(200px,30vw,520px);font-family:var(--font-hand);text-shadow:0 0 8px #ffffffd9,0 0 2px #ffffffe6;font-size:clamp(14px,3.3vh,32px);line-height:1.35;animation:1.2s .35s both fade-in;position:absolute;transform:rotate(-3.5deg)}.title-greet p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title-greet p+p{padding-left:1.2em}.greet-stroke{width:72%;height:.55em;margin:.1em 0 0 1.4em;display:block;overflow:visible}.greet-stroke path{fill:none;stroke:#c8322b;stroke-width:5px;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300px;animation:.9s cubic-bezier(.5,0,.3,1) .9s forwards draw-stroke}@keyframes draw-stroke{to{stroke-dashoffset:0}}.title-menu{z-index:3;right:max(4vw, calc(var(--safe-r) + 12px));flex-direction:column;gap:1.9vh;width:clamp(230px,30vw,500px);display:flex;position:absolute;top:30vh}.title-menu>*{animation:.55s cubic-bezier(.2,.8,.3,1) both slide-in-r;animation-delay:calc(.25s + var(--i,0) * 90ms)}.title-btn{letter-spacing:.08em;justify-content:flex-start;gap:.6em;width:100%;min-height:max(36px,10.6vh);padding:.2em .9em .2em .45em;font-size:clamp(14px,3.5vh,28px)}.title-btn.btn-bright{min-height:max(42px,12vh);font-size:clamp(16px,4vh,32px)}.title-btn .tb-ico{width:1.75em;height:1.75em;color:var(--navy);background:#2b46591f;border-radius:6px;flex:none;place-items:center;display:grid}.title-btn .tb-ico .icon{width:1.15em;height:1.15em}.title-btn.btn-bright .tb-ico{color:#ffe2c8;background:#9e1e18;box-shadow:inset 0 0 0 1px #fff3}.title-btn .tb-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.title-btn .tb-sub{letter-spacing:.04em;opacity:.75;font-size:max(12px,.5em);font-weight:500}.title-btn .tb-end{width:1em;height:1em;margin-left:auto}.title-btn.is-locked{color:#59656b;background:#d6dcd6c7}.title-btn.is-locked .tb-ico{filter:grayscale();opacity:.6}.title-hint{text-align:center;color:#fff;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000000bf,0 0 8px #00000059;margin:-1.2vh 0 .2vh;font-size:clamp(12px,2vh,17px);overflow:hidden}.title-dock{z-index:3;left:50%;bottom:max(2.6vh, calc(var(--safe-b) + 6px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1a247a;border-radius:14px;gap:clamp(6px,1vw,16px);padding:clamp(5px,1vh,10px) clamp(6px,1vw,14px);animation:.6s cubic-bezier(.2,.8,.3,1) .55s both dock-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1f}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,16px)}}.dock-item{width:clamp(66px,9.6vw,150px);height:clamp(42px,10.5vh,104px);color:var(--navy-2);white-space:nowrap;cursor:pointer;background:#f0ead4;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2em;padding:.2em;font-size:clamp(12px,1.95vh,17px);font-weight:600;transition:transform 80ms,background-color .12s;display:flex;box-shadow:inset 0 -2px #78603238,0 1px 3px #00000040}.dock-item .icon{width:1.5em;height:1.5em;color:var(--navy)}.dock-item:active{background:var(--press);transform:translateY(1px)}.dock-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dock-item.is-muted{opacity:.62}@media (max-height:480px){.dock-item{flex-direction:row;gap:.35em;width:auto;height:34px;padding:0 .85em}.dock-item .icon{width:1.3em;height:1.3em}}.title-foot{z-index:2;left:max(1.6vw, calc(var(--safe-l) + 10px));bottom:max(1.2vh, calc(var(--safe-b) + 4px));color:#ffffffb3;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:12px;position:absolute}.scr-trainer .panel,.scr-settings .panel{width:100%;max-width:62rem;height:100%;max-height:41rem}.scr-settings .panel{height:auto;max-height:100%}.tr-body{flex:1;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(.7rem,2.2vw,1.5rem);min-height:0;display:grid}.tr-preview{flex-direction:column;min-height:0;padding:.35rem;display:flex}.tr-stage{border-radius:6px;flex:1;min-height:0;position:relative;overflow:hidden}.tr-figure{z-index:1;position:absolute;inset:15% 10% 17%}.tr-floor{z-index:1;background:radial-gradient(closest-side,#28180a6b,#28180a00);border-radius:50%;width:52%;height:5%;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.tr-medal{z-index:2;background:#fffaf0;border-radius:6px;width:clamp(54px,27%,7.5rem);margin:0;padding:3px 3px 0;position:absolute;top:.45rem;right:.45rem;box-shadow:0 0 0 1px #8c683a59,0 3px 8px #28180a4d}.tr-medal-art{aspect-ratio:1;background:linear-gradient(#d9e7ee,#b9d0dc);border-radius:4px;overflow:hidden}.tr-medal figcaption{color:var(--ink-soft);text-align:center;padding:.05rem 0 .15rem;font-size:max(12px,.72rem);line-height:1.2}.tr-badge{z-index:2;flex-wrap:wrap;gap:.3rem;display:flex;position:absolute;top:.45rem;left:.45rem;right:calc(27% + 1rem)}.tr-badge span{color:#fff;white-space:nowrap;background:#14222eb8;border-radius:999px;padding:.1em .6em;font-size:max(12px,.78rem)}.tr-caption{z-index:2;color:#fff;letter-spacing:.1em;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0e181e00,#0e181ed1);padding:1.6em .6em .55em;font-size:max(12px,.95rem);font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tr-caption b{letter-spacing:.06em;font-size:1.15em;display:block}.tr-form{flex-direction:column;gap:clamp(.4rem,2.2vh,1.25rem);min-height:0;padding:.15rem .2rem .1rem 0;display:flex;overflow:hidden auto}.tr-label{color:var(--ink);white-space:nowrap;align-items:baseline;gap:.6em;margin-bottom:.32rem;font-size:1.05rem;font-weight:700;display:flex}.tr-label small{text-overflow:ellipsis;min-width:0;color:var(--ink-soft);font-size:max(12px,.8rem);font-weight:400;overflow:hidden}.tr-name{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.tr-name .tr-label{margin:0}.tr-name-wrap{align-items:center;gap:.4rem;display:flex;position:relative}.tr-dice{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:2.2em;height:2.2em;padding:0;display:grid}.tr-dice:active{background:var(--press);color:var(--navy-2)}.tr-group-bases{flex-direction:column;flex:auto;min-height:0;display:flex}.tr-bases{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.3rem,.8vw,.6rem);min-height:clamp(64px,21vh,12rem);max-height:15rem;display:grid}.tr-base{flex-direction:column;align-items:stretch;min-height:0;padding:.25rem .15rem 0;display:flex}.tr-base-art{flex:1;min-height:0;margin:0 .1rem}.tr-base-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.12rem 0 .22rem;font-size:max(12px,.8rem);font-weight:600;line-height:1.2;overflow:hidden}.tr-palettes{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.3rem,.7vw,.55rem);display:grid}.tr-palettes .chip{padding:.2em .5em}.tr-palettes .chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.tr-pixel .btn-label{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px}.tr-actions{margin-top:auto;padding-top:.2rem}.set-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(.6rem,1.8vw,1.2rem);min-height:0;display:grid}.set-col{flex-direction:column;gap:clamp(.5rem,1.6vh,.9rem);min-height:0;padding:2px 4px 2px 2px;display:flex;overflow:hidden auto}.set-col>.card{flex:none}.set-col>.set-help{flex:1 0 auto}.set-row{grid-template-columns:4.2em minmax(0,1fr) 2.8em;align-items:center;gap:.6rem;min-height:2.1em;display:grid}.set-row>span:first-child{white-space:nowrap;font-weight:600}.set-row output{font-family:var(--font-num);color:var(--ink-soft);text-align:right;font-size:max(12px,.85rem)}.set-toggle{justify-content:space-between;align-items:center;gap:.8rem;min-height:2.1em;display:flex}.set-toggle>span:first-child{align-items:baseline;gap:.6em;min-width:0;display:flex}.set-toggle b{flex:none;font-weight:600}.set-toggle small{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:max(12px,.78rem);overflow:hidden}.set-sep{background:#8c683a2e;height:1px;margin:.35rem 0}.set-save-row{align-items:center;gap:.6rem;display:flex}.set-save-info{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;min-width:0;display:grid}.set-save-info div{background:var(--cream);text-align:center;border-radius:6px;min-width:0;padding:.3rem .45rem}.set-save-info b{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;display:block;overflow:hidden}.set-save-info small{color:var(--ink-soft);white-space:nowrap;font-size:max(12px,.75rem);display:block}.set-help{flex-direction:column;flex:1;min-height:0;display:flex}.set-help .tabs{align-self:flex-start;margin-bottom:.55rem}.help-list{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem .8rem;margin:0;padding:0;display:grid}.help-list dt{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.help-list dd{margin:0;font-size:max(12px,.92rem)}.help-list dd small{color:var(--ink-soft);font-size:max(12px,.78rem)}.help-touch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;display:grid}.help-touch figure{background:var(--cream);border-radius:6px;margin:0;padding:.5rem}.help-touch figcaption{margin-bottom:.2rem;font-weight:700}.help-touch p{color:var(--ink);font-size:max(12px,.84rem)}.help-touch svg{width:100%;height:auto;margin-bottom:.35rem;display:block}.scr-loading{color:#fff;background:var(--loading-bg)}.ld-center{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,16px);width:min(26rem,80vw);margin:auto;display:flex;position:relative}.ld-mark{width:clamp(54px,15vh,120px);height:clamp(54px,15vh,120px);position:relative}.ld-mark .emblem{width:68%;height:68%;animation:2.2s ease-in-out infinite ld-bob;position:absolute;inset:16%}.ld-orbit{width:100%;height:100%;animation:2.8s linear infinite ld-spin;position:absolute;inset:0}.ld-orbit circle{fill:none;stroke-linecap:round}@keyframes ld-spin{to{transform:rotate(360deg)}}@keyframes ld-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4%)rotate(4deg)}}.ld-dots{gap:.45em;display:flex}.ld-dots i{background:#8ea3b4;border-radius:50%;width:.5em;height:.5em;animation:1.1s ease-in-out infinite ld-dot}.ld-dots i:nth-child(2){animation-delay:.15s}.ld-dots i:nth-child(3){animation-delay:.3s}@keyframes ld-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-.45em)}}.ld-title{letter-spacing:.14em;white-space:nowrap;font-size:clamp(17px,3.4vh,30px);font-weight:800}.ld-title span{color:var(--gold);margin:0 .35em}.ld-note{color:#9fb3c4;min-height:1.4em;font-size:max(12px,.9rem)}.ld-bar{background:#ffffff1f;border-radius:999px;width:min(18rem,60vw);height:4px;position:relative;overflow:hidden}.ld-bar i{width:calc(var(--v,0) * 1%);border-radius:inherit;background:linear-gradient(90deg,#6cb0be,#e9f6ff);min-width:6px;transition:width .2s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #a0dcffd9}.ld-back{min-width:min(18rem,60vw);margin-top:.3rem}.ld-tip{z-index:1;left:50%;bottom:max(4vh, calc(var(--safe-b) + 10px));color:#8fa5b7;text-align:center;width:min(40rem,86vw);font-size:max(12px,.86rem);position:absolute;transform:translate(-50%)}.ld-tip b{color:var(--gold);margin-right:.4em;font-weight:600}@media (max-height:480px){.panel-head{padding:.7rem 1rem .2rem}.panel-body{padding:.35rem 1rem .85rem}.tag-title{font-size:1.32rem}.card{padding:.55rem .7rem}.card-title{margin-bottom:.35rem;font-size:1rem}.btn-lg{min-height:2.4em}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.title-petals{display:none}}