:root{--night: #0e1a2b;--panel: #16263f;--panel2: #1f3352;--line: #2c4468;--text: #f4f1ea;--muted: #9fb0c8;--teal: #2ec4b6;--yellow: #ffd23f;--pink: #ff5c8a;--tea: #c9925e;--pixel: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--night);color:var(--text);font-family:var(--pixel);overscroll-behavior:none}body{display:flex;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit;color:inherit}small{font-size:.72em;opacity:.72;letter-spacing:.03em}.hidden{display:none!important}.bi{display:contents}.btn{color:#10202f;background:var(--yellow);border:none;border-radius:10px;box-shadow:0 4px #b8901a;padding:10px 18px;font-size:16px;font-weight:800;display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;cursor:pointer;text-decoration:none}.btn small{font-weight:600;opacity:.7}.btn:active{transform:translateY(3px);box-shadow:0 1px #b8901a}.btn.big{font-size:21px;padding:13px 36px;border-radius:14px}.btn.small{font-size:14px;padding:7px 14px}.btn.ghost{background:var(--panel2);color:var(--text);box-shadow:0 4px #0a1322}.btn.wide{width:100%;padding:13px}.btn.line{background:#06c755;color:#fff;box-shadow:0 4px #04913e}.link{background:none;border:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:14px;cursor:pointer;padding:6px}.screen{position:relative;width:100%;min-height:100%;display:flex;justify-content:center}#skyline{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}.title-inner{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:max(14px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));text-align:center}.lang-switch{align-self:flex-end;display:flex;background:#0e1a2bbf;border:2px solid var(--line);border-radius:999px;padding:3px}.lang-btn{background:none;border:none;color:var(--muted);font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}.lang-btn.on{background:var(--teal);color:#08202a}.logo{margin-top:18px;padding:18px 22px 16px;background:#0e1a2bd1;border:3px solid var(--teal);border-radius:16px;box-shadow:0 0 0 3px #2ec4b640,0 0 28px #ff5c8a59}.logo-zh{font-size:46px;font-weight:900;letter-spacing:.1em;color:var(--yellow);text-shadow:3px 3px 0 var(--pink);line-height:1.15}.logo-en{font-family:ui-monospace,Courier New,monospace;font-weight:700;font-size:20px;letter-spacing:.55em;padding-left:.55em;margin-top:6px;color:#bff7ef;text-shadow:0 0 8px rgba(46,196,182,.9)}.logo-tag{margin-top:10px;font-size:14px;line-height:1.55;color:var(--text)}.logo-tag small{display:block}.card{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;background:#16263feb;border:2px solid var(--line);border-radius:16px;padding:18px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card>canvas{width:72px;height:72px;image-rendering:pixelated}.cont-name{font-size:22px;font-weight:900}.cont-lv{font-size:14px;color:var(--yellow);line-height:1.5}.cont-lv small{display:block}.field{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.field-label{font-weight:800}.field input,.chat input,.codeform input{width:100%;font-size:17px;padding:11px 14px;border:2px solid var(--line);background:#0b1524;color:var(--text);border-radius:10px;outline:none;text-align:center;font-family:inherit}.field input:focus,.chat input:focus,.codeform input:focus{border-color:var(--teal)}.looks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.look{border:2px solid var(--line);background:#0b1524;color:var(--text);padding:8px 2px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;border-radius:12px;line-height:1.25}.look small{display:block;color:var(--muted)}.look canvas{width:46px;height:46px;image-rendering:pixelated}.look.on{border-color:var(--yellow);background:#1f3352;color:var(--yellow);box-shadow:0 0 0 2px #ffd23f4d}.title-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;background:#0e1a2bb3;border-radius:12px}.codeform{display:flex;gap:8px;width:100%}.codeform input{font-size:14px}.msg{min-height:1em;color:#ff9db6;font-size:14px;line-height:1.5;background:#0e1a2bb3;border-radius:8px;padding:0 6px}.msg:empty{display:none}.ver{font-size:11px;color:var(--muted);margin:0;background:#0e1a2bb3;padding:2px 8px;border-radius:6px}#game{width:100%;max-width:900px;height:100dvh;display:flex;flex-direction:column;gap:6px;padding:max(6px,env(safe-area-inset-top)) 8px max(6px,env(safe-area-inset-bottom))}.statusbar{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--panel);border-radius:12px;padding:6px 10px;font-size:13px;line-height:1.2}.sb-left small{display:block;color:var(--muted)}.sb-right{display:flex;align-items:center;gap:8px}.sb-clock{font-family:ui-monospace,monospace;font-weight:700;font-size:15px;color:var(--yellow)}.sb-online{background:#0b1524;border-radius:999px;padding:3px 9px;font-size:12px;white-space:nowrap}.sb-lang{background:var(--teal);color:#08202a;border:none;border-radius:999px;font-weight:800;font-size:12px;padding:4px 9px;cursor:pointer}.stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}#screen{image-rendering:pixelated;border-radius:10px;background:#000;display:block;touch-action:none;box-shadow:0 0 0 2px var(--line)}.abtns{position:absolute;right:12px;bottom:12px;display:flex;gap:12px;align-items:flex-end;z-index:3}.rbtn{border:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;cursor:pointer;white-space:nowrap;line-height:1.1;opacity:.92}.rbtn small{font-weight:700}.rbtn.act{width:72px;height:72px;background:var(--yellow);color:#10202f;box-shadow:0 4px #b8901a,0 6px 14px #00000059;font-size:17px}.rbtn.chatb{width:58px;height:58px;background:var(--teal);color:#08202a;box-shadow:0 4px #1b8a80,0 6px 14px #00000059;font-size:14px}.rbtn:active{transform:translateY(3px)}.joy{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#f4f1ea29;border:3px solid rgba(244,241,234,.65);pointer-events:none;z-index:2}.joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#2ec4b6e6;border:3px solid #0e1a2b}.joy-hint{position:absolute;left:12px;bottom:14px;max-width:calc(100% - 175px);z-index:2;font-size:13px;line-height:1.35;background:#0e1a2bd1;border-radius:10px;padding:6px 10px;pointer-events:none;transition:opacity .6s}.joy-hint.gone{opacity:0}.dialog{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:flex;gap:10px;align-items:flex-start;background:#f4f1ea;color:#10202f;border-radius:16px;padding:12px 14px 20px;box-shadow:0 8px 24px #00000073;cursor:pointer}#dlgFace{width:48px;height:48px;flex:none;image-rendering:pixelated;background:#dfe8f3;border-radius:50%;border:2px solid var(--teal)}.dlg-body{flex:1;min-width:0}.dlg-name{font-weight:900;font-size:14px;color:#1b8a80;margin-bottom:3px}.dlg-name small{color:#5b6b80}.dlg-main{font-size:17px;line-height:1.5}.dlg-sub{font-size:13px;line-height:1.45;color:#4a5a70;margin-top:4px;font-style:italic}.dlg-next{position:absolute;right:12px;bottom:4px;font-size:12px;color:#1b8a80;animation:blink .8s steps(2) infinite}#dlgAction{margin-top:10px}@keyframes blink{50%{opacity:0}}.chat{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:flex;gap:8px;background:var(--panel);padding:8px;border-radius:14px;box-shadow:0 8px 24px #00000073}.chat input{text-align:left;font-size:16px}.panel{flex:none;display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:14px;padding:8px 10px}.panel>canvas{width:42px;height:42px;image-rendering:pixelated;flex:none;background:#0b1524;border-radius:10px}.p-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.p-top{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.p-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis}.p-lv{color:var(--yellow);font-weight:800;font-size:13px}.p-gold{margin-left:auto;font-size:13px;color:#ffd79a}.bar-row{display:flex;align-items:center;gap:6px;font-size:11px}.bar-label{width:26px;font-weight:800;color:var(--muted)}.bar{flex:1;height:8px;background:#0b1524;border-radius:999px;position:relative;overflow:hidden}.cbar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px}.cbar.hp i{background:linear-gradient(90deg,#ff5c8a,#ff8a5c)}.bar.exp i{background:linear-gradient(90deg,#2ec4b6,#5fd0ff)}.bar-num{width:52px;text-align:right;font-variant-numeric:tabular-nums}.p-save{flex:none;background:#0b1524;border:none;border-radius:10px;font-size:11px;line-height:1.3;padding:6px 8px;cursor:pointer;text-align:center;color:var(--text)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal-box{background:var(--panel);border-radius:18px;padding:18px;max-width:420px;width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;text-align:center;box-shadow:0 12px 32px #00000080}.modal-title{font-weight:900;color:var(--yellow)}.modal-note,.modal-warn{font-size:14px;line-height:1.5;margin:8px 0}.modal-warn{color:#ff9db6}.code{font-family:ui-monospace,Courier New,monospace;font-size:15px;background:#0b1524;border:2px dashed var(--teal);border-radius:10px;padding:10px;word-break:break-all;user-select:all;-webkit-user-select:all}.modal-btns{display:flex;justify-content:center;gap:14px;margin-top:14px}.about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--night);overflow-y:auto;-webkit-overflow-scrolling:touch}.about-inner{max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px 40px;display:flex;flex-direction:column;align-items:center;gap:14px}.about-top{width:100%;display:flex;align-items:center;justify-content:space-between}.about-top>span{width:40px}.about-back{width:40px;height:40px;background:var(--panel);border:none;border-radius:12px;font-size:16px;cursor:pointer}.about-h{font-weight:900;font-size:17px;letter-spacing:.06em;text-align:center}.lord-photo{width:150px;height:150px;position:relative;background:var(--panel2);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:8px;box-shadow:0 0 0 4px var(--teal),0 0 0 8px #ffd23f99,0 0 30px #2ec4b673}.lord-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lord-photo span{font-size:56px;font-weight:900}.lord-title{font-size:14px;color:var(--yellow);font-weight:800;text-align:center;line-height:1.4;margin-top:6px}.lord-title small{display:block}.lord-name{font-size:30px;font-weight:900;letter-spacing:.15em;text-align:center;line-height:1.2}.lord-name small{display:block;font-size:13px;letter-spacing:.3em}.about-card{width:100%;background:var(--panel);border-radius:16px;padding:16px 18px}.about-card p{margin:0 0 14px;font-size:15px;line-height:1.75}.about-card p small{display:block;font-size:12.5px;line-height:1.55;margin-top:4px;font-style:italic}.about-card .sign{text-align:right;font-weight:900;color:var(--yellow);margin:4px 0 0}.about-card.studio{text-align:center;background:#f4f1ea;color:#10202f}.about-card.studio img{width:100%;max-width:280px;height:auto;margin-top:6px}.about-label{font-size:13px;font-weight:800}.p-save small{display:block}.rbtn.act.atk{background:#ff5c7a;color:#fff;box-shadow:0 4px #b8324d,0 6px 14px #00000059}.toast{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:4;width:max-content;max-width:92%;text-align:center;font-size:14px;font-weight:800;line-height:1.35;background:#0e1a2beb;border:2px solid var(--teal);border-radius:12px;padding:7px 14px;pointer-events:none;transition:opacity .5s}.toast small{font-weight:600;opacity:.85}.toast.loot{border-color:#ffb000}.toast.lvup{border-color:var(--yellow);color:var(--yellow)}.toast.gone{opacity:0}.p-bag{display:flex;flex-direction:column;align-items:center;gap:1px}.bag-ico{font-size:18px;line-height:1}.bag-box{text-align:left}.bag-box .modal-title,.bag-box .modal-note{text-align:center}.bag-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;margin-top:8px}.bag-row{display:flex;gap:10px;align-items:flex-start;background:#0b1524;border-radius:12px;padding:8px 10px}.bag-icon{font-size:24px;line-height:1.2}.bag-name{font-weight:800}.bag-name b{color:var(--yellow)}.bag-desc{font-size:13px;line-height:1.4;opacity:.85;margin-top:2px}.bag-empty{text-align:center;font-size:14px;line-height:1.5;opacity:.8}.bag-note{font-size:12px;opacity:.7}.bag-row.equip{border:2px solid var(--yellow)}.bag-tag{font-size:12px;font-weight:800;color:var(--yellow)}.sb-mute{background:#0b1524;font-size:16px}.bag-stat{font-size:13px;font-weight:800;color:#7ff0e4;margin-top:2px}.bag-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.bag-price{font-size:12px;font-weight:700;color:var(--yellow)}.bag-acts .btn.small{padding:5px 12px;font-size:13px}.bag-acts .btn[disabled]{opacity:.4}.shop-tabs{display:flex;gap:8px;justify-content:center;margin:4px 0 6px}.shop-tab{flex:1;border:2px solid #2a3a55;background:#0b1524;color:var(--text);border-radius:10px;padding:6px;font-weight:800;cursor:pointer}.shop-tab.on{border-color:var(--yellow);color:var(--yellow)}.shop-msg{text-align:center;font-size:13px;font-weight:700;min-height:0}.shop-msg.ok{color:#7ff0e4;margin:4px 0}.shop-msg.bad{color:#ff9db6;margin:4px 0}.card-box{text-align:left;padding:14px}.doll{display:flex;align-items:stretch;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 70%,#23405f,#0b1524 75%);border-radius:14px;padding:10px 8px}.doll canvas{width:160px;height:130px;image-rendering:pixelated;flex:none;align-self:center}.doll-slots{display:flex;flex-direction:column;justify-content:center;gap:6px;width:64px}.slot{border:2px dashed #3a5577;border-radius:10px;padding:3px 2px;text-align:center;font-size:10px;line-height:1.15;color:#8aa3c2;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot .ic{font-size:18px;line-height:1}.slot small{display:block;font-size:9px;opacity:.8}.slot.on{border-style:solid;border-color:var(--yellow);color:#fff;background:#ffd23f14}.card-id{text-align:center;margin:8px 0 6px}.card-name{font-size:20px;font-weight:900;color:var(--yellow);line-height:1.2}.card-sub{font-size:12px;line-height:1.3;opacity:.85}.card-bars{display:grid;gap:5px;margin-bottom:8px}.cbar{position:relative;height:20px;border-radius:6px;background:#0b1524;overflow:hidden;font-size:12px;font-weight:800}.cbar i{position:absolute;inset:0 auto 0 0;border-radius:6px}.cbar.hp i{background:linear-gradient(#ff6b8a,#d83a5e)}.cbar.xp i{background:linear-gradient(#6fd3ff,#2b8fd6)}.cbar span{position:relative;display:flex;justify-content:space-between;padding:0 8px;line-height:20px;text-shadow:0 1px 0 #000}.card-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tile{background:#0b1524;border-radius:9px;padding:5px 4px;text-align:center;line-height:1.15}.tile b{display:block;font-size:15px;font-weight:900;white-space:nowrap}.tile .lb{font-size:11px;opacity:.85}.tile .lb small{display:block;font-size:9px;opacity:.75}.tile.hl{background:#ffd23f1f;outline:2px solid var(--yellow)}.tile.hl b{color:var(--yellow)}.card-note{font-size:11px;line-height:1.4;opacity:.75;margin-top:7px;text-align:center}#pSprite,#pName{cursor:pointer}.install-banner{width:100%;display:flex;align-items:center;gap:8px;background:#0e1a2beb;border:2px solid var(--yellow);border-radius:14px;padding:8px 8px 8px 12px;text-align:left}.ib-txt{flex:1;font-size:14px;line-height:1.3}.ib-sub{display:block;font-size:12px;opacity:.85;margin-top:2px}.ib-x{background:none;border:none;color:var(--text);font-size:18px;padding:4px 6px;cursor:pointer}.install-steps{text-align:left;display:flex;flex-direction:column;gap:10px;margin:12px 0 4px}.install-step{display:flex;gap:10px;align-items:flex-start;background:#0b1524;border-radius:12px;padding:10px;font-size:14px;line-height:1.4}.install-step .num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:#10202f;font-weight:900;display:flex;align-items:center;justify-content:center}.install-step small{display:block;opacity:.8}.install-done{color:#7ff0e4;font-weight:800}.install-step.carry{border:2px solid var(--yellow)}.install-step.carry .num{background:#ff9f1c}.carry-code{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#050b16;border-radius:8px;padding:6px 8px;margin:8px 0;word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--yellow)}.line-btn{background:#06c755;color:#fff;box-shadow:0 4px #04913e;width:100%}.line-btn small{color:#e6ffef}.install-banner .line-btn{width:auto;flex-shrink:0}.install-banner:has(.line-btn){border-color:#06c755}.line-login{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.line-or{font-size:12px;opacity:.7}.line-note{font-size:12px;opacity:.75;margin:0;line-height:1.4;text-align:center}.line-bound{font-size:13px;font-weight:800;color:#06c755}#cardLineBtn{margin-top:12px}.title-inner{min-height:100dvh;justify-content:space-between;gap:10px}.title-top{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.logo-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 0 16px}.logo{margin-top:0;width:100%;padding:22px 18px 18px}.logo-zh{font-size:clamp(44px,14vw,60px)}.logo-en{font-size:clamp(18px,5.4vw,24px)}.title-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.card.cont{gap:10px;padding:14px 14px 8px}.cont-row{display:flex;align-items:center;gap:14px;width:100%}.cont-row canvas{width:60px;height:60px;image-rendering:pixelated;background:#0b1524;border-radius:12px;flex:none}.cont-info{text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0}.cont-info .cont-name{font-size:20px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cont-info .cont-lv{font-size:13px;line-height:1.35}.cont-info .line-bound{font-size:12px}.card .link{padding:2px 6px;font-size:13px}.btn.slim{padding:8px 12px;font-size:14px;box-shadow:0 3px #04913e}.btn.slim small{font-size:11px}.line-login{gap:4px}.title-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;background:none;border-radius:0}.chip{display:flex;align-items:center;justify-content:center;gap:6px;background:#0e1a2bd9;border:1.5px solid var(--line);border-radius:12px;color:var(--text);font-size:13px;font-weight:700;line-height:1.2;padding:7px 4px;cursor:pointer;text-align:left;font-family:inherit}.chip small{display:block;font-size:10px;font-weight:600;color:var(--muted)}.chip .ico{font-size:17px}.chip:disabled{opacity:.85;cursor:default}.chip .install-done{color:#7ff0e4}.chip .bi{display:block!important;text-align:left}.chip .bi .p,.chip .install-done .p{display:block;white-space:nowrap}.chip .bi br,.chip .install-done br{display:none}.chip .bi small,.chip .install-done small{white-space:nowrap}.cbar em{font-style:normal}.peer-box{text-align:center}.peer-box canvas{width:72px;height:72px;image-rendering:pixelated;background:#0b1524;border-radius:14px;margin-bottom:6px}.modal-btns.col{flex-direction:column;align-items:center;gap:10px}.duel-btn{background:#e63946;color:#fff;box-shadow:0 4px #9b1d29}.duel-btn small{color:#ffd9dc}.duel-big{font-size:40px;line-height:1;margin-bottom:4px}.duel-banner{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;text-align:center;font-weight:900;font-size:44px;line-height:1.05;color:var(--yellow);text-shadow:0 3px 0 #0e1a2b,0 0 12px rgba(0,0,0,.6);white-space:nowrap;animation:duelPop .35s ease-out}.duel-banner small{display:block;font-size:18px;color:#fff}.duel-banner.lose{color:#ff9db6}.duel-banner.draw{color:#bff7ef}.duel-banner.gone{opacity:0;transition:opacity .4s}@keyframes duelPop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.rec{margin-top:10px;background:#0b1524;border-radius:12px;padding:8px;text-align:center}.rec .tile{background:#13233a}.rec-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:900;margin-bottom:6px;text-align:left}.rec-head small{font-weight:600;opacity:.75;font-size:10px}.rec-title{background:#e63946;color:#fff;border-radius:999px;padding:2px 9px;font-size:12px;white-space:nowrap}.rec-title small{color:#ffd9dc;opacity:1}.rec-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:6px;background:#13233a}.rec-bar i.w{background:#3ddc84}.rec-bar i.l{background:#ff4d5e}.rec-bar i.d{background:#8aa3c2}.tile.w b{color:#3ddc84}.tile.l b{color:#ff7a8a}.rec-n{font-size:10px;opacity:.7;margin-top:5px}.tut-bar{position:absolute;top:8px;left:8px;z-index:3;max-width:64%;text-align:left;background:#0e1a2beb;border:2px solid var(--yellow);border-radius:12px;padding:5px 10px 6px;color:#fff;font:inherit;line-height:1.25;box-shadow:0 3px #00000059;animation:tutIn .4s ease-out}.tut-bar .tb-h{font-size:10px;font-weight:800;color:var(--yellow);letter-spacing:.5px}.tut-bar .tb-t{font-size:14px;font-weight:900}.tut-bar .tb-t small{display:block;font-size:10px;font-weight:600;opacity:.75}.tut-bar .tb-p{color:#7ff0e4;font-weight:900;margin-left:4px}.tut-bar.pulse{animation:tutPulse .9s ease-out 2}@keyframes tutIn{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}@keyframes tutPulse{50%{transform:scale(1.06);border-color:#fff}}.tut-on .toast{top:70px}.tut-glow{animation:tutGlow 1s ease-in-out infinite}@keyframes tutGlow{50%{box-shadow:0 0 0 4px var(--yellow),0 0 18px var(--yellow)}}.story-box{text-align:center}.story-art{height:128px;display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 80%,#23405f,#0b1524 75%);border-radius:14px;margin-bottom:12px;font-size:40px}.story-art canvas{width:80px;height:80px;image-rendering:pixelated}.story-art img{height:112px;width:112px;object-fit:cover;border-radius:12px;border:3px solid var(--yellow)}.story-text{font-size:16px;line-height:1.6;font-weight:700;text-align:left;min-height:120px}.story-text small{display:block;margin-top:8px;font-size:13px;line-height:1.45;font-weight:500;opacity:.75}.story-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.story-dots i{width:8px;height:8px;border-radius:50%;background:#3a5577}.story-dots i.on{background:var(--yellow)}.tut-box{text-align:left}.tut-head{font-size:12px;font-weight:800;color:#7ff0e4}.tut-desc{font-size:15px;line-height:1.55;margin:6px 0 8px}.tut-desc small{display:block;font-size:12px;line-height:1.45;opacity:.75;margin-top:4px}.tut-reward{font-size:13px;font-weight:800;color:var(--yellow)}.tut-list{margin:10px 0 0;padding-left:22px;font-size:13px;line-height:1.7}.tut-list li.done{opacity:.45;text-decoration:line-through}.tut-list li.now{color:var(--yellow);font-weight:900}.tut-list small{opacity:.7}.linkish{display:block;margin:12px auto 0;background:none;border:0;color:#8aa3c2;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.chip .ico{position:relative}.dot{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border-radius:50%;background:#ff3b4f;border:2px solid #0e1a2b}@media(max-width:400px){.chip{gap:3px;font-size:12px}.chip .ico{font-size:15px}.chip small{font-size:9px}}.news-box{text-align:left}.news-list{margin-top:10px;display:grid;gap:10px}.news-item{background:#0b1524;border-radius:12px;padding:10px 12px}.news-item.new{outline:2px solid var(--yellow)}.news-meta{font-size:11px;color:#7ff0e4;font-weight:800}.news-meta .tag{background:#ff3b4f;color:#fff;border-radius:999px;padding:1px 7px;margin-left:6px}.news-title{font-size:15px;font-weight:900;color:var(--yellow);margin:2px 0 6px;line-height:1.3}.news-title small{display:block;font-size:11px;color:#fff;opacity:.7;font-weight:600}.news-item ul{margin:0;padding-left:16px;font-size:13px;line-height:1.5}.news-item li{margin-bottom:4px}.news-item li small{display:block;font-size:11px;opacity:.7}.linkish.danger{color:#ff8a9a}.reset-box{text-align:left}.reset-warn{background:#e6394626;border:1.5px solid #e63946;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5;margin:10px 0 6px}.reset-keep{font-size:12px;line-height:1.45;opacity:.85;margin-bottom:10px}.reset-warn small,.reset-keep small{display:block;opacity:.75;font-size:11px}.reset-label{font-size:13px;font-weight:800}.reset-label small{opacity:.7}#resetName{width:100%;box-sizing:border-box;margin:4px 0 8px;font:inherit;font-size:16px;padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:#0b1524;color:var(--text)}.reset-check{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:8px;line-height:1.3}.reset-check small{display:block;opacity:.7;font-size:11px}.reset-check input{width:20px;height:20px;flex:none}.duel-btn:disabled{opacity:.4}.reset-check .bi{display:block}