:root{--paper: #efe8dc;--paper-2: #e4d9c6;--card: #fbf7ef;--ink: #1e1a17;--ink-2: #4a423b;--muted: #7c7064;--red: #c23a2b;--red-2: #a52d20;--ice: #5fc3e4;--good: #2f8a4c;--gold: #d9a441;--f0: #c9922e;--f1: #c8402f;--f2: #7b5ce6;--radius: 14px;--shadow: 3px 3px 0 var(--ink);--head: "Dela Gothic One", "Arial Black", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:#d9cdb8;color:var(--ink);font:15px/1.4 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--head);font-weight:400;margin:0;letter-spacing:.01em}#app{max-width:540px;min-height:100%;margin:0 auto;background:var(--paper);position:relative;box-shadow:0 0 0 2px var(--ink)}.splash{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper)}.splash-art{flex:1;min-height:300px;overflow:hidden}.splash-art img{width:100%;height:100%;object-fit:cover;object-position:center 20%;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.splash-body{position:relative;margin-top:-40px;padding:0 18px calc(24px + env(safe-area-inset-bottom))}.logo{font-family:var(--head);font-size:44px;line-height:.95;color:var(--ink);text-shadow:3px 3px 0 var(--card)}.logo small{display:block;font-size:17px;color:var(--red);margin-top:8px;text-shadow:none}.splash-body p{margin:10px 0 16px;font-weight:600;color:var(--ink-2)}.pick{padding:18px 14px 120px}.pick h2{font-size:24px;margin-bottom:4px}.faction-card{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;margin-top:12px;padding:8px;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;width:100%}.faction-card img{width:112px;height:112px;border-radius:10px;border:2px solid var(--ink);object-fit:cover}.faction-card b{font-family:var(--head);font-weight:400;font-size:18px;display:block}.faction-card i{font-style:normal;color:var(--muted);font-size:13px}.faction-card.on{outline:4px solid var(--red);outline-offset:2px}.sticky-bottom{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:540px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 30%);display:flex;gap:8px}.top{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:2px solid var(--ink);padding:8px 12px}.me-row{display:flex;align-items:center;gap:10px}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--card);object-fit:cover;flex:none}.me-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px}.badge{font-size:11px;font-weight:800;padding:2px 7px;border-radius:99px;border:1.5px solid var(--ink);background:var(--card);white-space:nowrap}.badge.f0{background:#f3dfb3}.badge.f1{background:#f2c3b9}.badge.f2{background:#ddd2fb}.xpbar{height:7px;border:1.5px solid var(--ink);border-radius:99px;background:var(--card);margin-top:4px;overflow:hidden}.xpbar>i{display:block;height:100%;background:var(--red)}.me-power{margin-left:auto;text-align:right;font-family:var(--head);font-size:18px;line-height:1}.me-power small{display:block;font-family:var(--body);font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.06em}.res{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.res div{display:flex;align-items:center;gap:5px;padding:3px 7px 3px 4px;background:var(--card);border:1.5px solid var(--ink);border-radius:99px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;min-width:0}.res img{width:20px;height:20px;object-fit:contain;flex:none}.res span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res em{font-style:normal;font-size:10px;color:var(--muted);font-weight:700;margin-left:auto}.net-off{background:var(--red);color:#fff;text-align:center;font-size:12px;font-weight:700;padding:3px}main{padding:12px 12px calc(92px + env(safe-area-inset-bottom))}nav.tabs{position:fixed;z-index:30;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--ink);padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:4px}nav.tabs button{background:none;border:0;color:#cfc4b3;padding:6px 0 4px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;position:relative}nav.tabs button .ic{width:28px;height:26px;object-fit:contain}nav.tabs button.on{background:var(--red);color:#fff}nav.tabs .dot{position:absolute;top:3px;right:22%;width:9px;height:9px;border-radius:50%;background:var(--ice);border:1.5px solid var(--ink)}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;margin-bottom:14px}.card h3{font-size:17px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.card h3 .right{margin-left:auto;font-family:var(--body);font-size:12px;color:var(--muted);font-weight:700}.sub{color:var(--muted);font-size:13px;margin:0 0 8px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.list>*+*{border-top:1.5px dashed #cdbfa9}.item{display:flex;align-items:center;gap:10px;padding:9px 0}.item img.thumb{width:52px;height:52px;object-fit:contain;flex:none}.item b{display:block}.item small{color:var(--muted);font-size:12px}img.i{display:inline-block;vertical-align:-4px;object-fit:contain}.card h3 img.i{vertical-align:middle}.num{font-variant-numeric:tabular-nums;font-weight:800}.chip{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.chip img{width:16px;height:16px;object-fit:contain}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--red)}.seg{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.seg button{flex:none;border:2px solid var(--ink);background:var(--card);border-radius:99px;padding:6px 12px;font-weight:800;font-size:13px;cursor:pointer}.seg button.on{background:var(--ink);color:var(--paper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:2px solid var(--ink);background:var(--red);color:#fff;font-weight:800;border-radius:12px;padding:9px 14px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;white-space:nowrap;font-size:14px;transition:transform .06s}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn:disabled{background:#b9ad9c;color:#f3eee6;cursor:default;box-shadow:none}.btn.ghost{background:var(--card);color:var(--ink)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.ice{background:var(--ice);color:var(--ink)}.btn.big{width:100%;padding:13px;font-size:16px;font-family:var(--head);font-weight:400;letter-spacing:.02em}.btn.sm{padding:6px 10px;font-size:13px;border-radius:10px}input.field,textarea.field,select.field{width:100%;border:2px solid var(--ink);border-radius:12px;padding:10px 12px;background:#fff;outline:none}input.field:focus,textarea.field:focus{border-color:var(--red)}.progress{height:14px;border:2px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden;position:relative}.progress>i{position:absolute;inset:0 auto 0 0;background:repeating-linear-gradient(-45deg,var(--ice) 0 8px,#8fd6ee 8px 16px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;position:relative}.hero .art{position:relative;aspect-ratio:1;border-right:2px solid var(--ink)}.hero .art .portrait{width:100%;height:100%;object-fit:cover}.hero .mech{position:absolute;right:-8px;bottom:-6px;width:46%;filter:drop-shadow(2px 2px 0 rgba(30,26,23,.35))}.hero .stats{padding:12px;display:flex;flex-direction:column;gap:6px}.hero .stats h2{font-size:20px;line-height:1.1}.stat{display:flex;justify-content:space-between;font-size:13px;border-bottom:1.5px dashed #cdbfa9;padding:3px 0}.stat b{font-variant-numeric:tabular-nums}.companion{display:flex;gap:10px;align-items:flex-start}.bubble{background:#fff;border:2px solid var(--ink);border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:14px}.map{position:relative;border-radius:var(--radius);overflow:hidden;border:2px solid var(--ink);box-shadow:var(--shadow);margin-bottom:14px}.map img{width:100%;aspect-ratio:3 / 2;object-fit:cover}.map .core-flag{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:4px 10px;border:2px solid var(--ink);border-radius:99px;background:var(--card);font-weight:800;font-size:12px;white-space:nowrap}.map .base{position:absolute;font-size:11px;font-weight:800;padding:2px 7px;border-radius:99px;border:1.5px solid var(--ink);background:var(--card)}.map .b0{left:4%;top:6%}.map .b1{left:50%;bottom:5%;transform:translate(-50%)}.map .b2{right:4%;top:6%}.map .live{position:absolute;left:10px;bottom:10px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:99px;padding:3px 10px;font-weight:800;font-size:12px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.scores>div{margin:8px 0}.scorebar{height:22px;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden;position:relative}.scorebar>i{position:absolute;inset:0 auto 0 0}.scorebar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:800}.attack{font-size:20px;padding:16px}.floaty{position:fixed;z-index:90;pointer-events:none;font-family:var(--head);font-size:28px;color:var(--red);text-shadow:2px 2px 0 var(--card);animation:floatup .9s ease-out forwards}@keyframes floatup{to{transform:translateY(-70px);opacity:0}}.game-card{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.game-card .pic{width:96px;height:96px;border:2px solid var(--ink);border-radius:12px;background:#fff center / contain no-repeat}.duel-hand{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dcard{aspect-ratio:3 / 4;border:2px solid var(--ink);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:2px 2px 0 var(--ink);cursor:pointer;padding:4px}.dcard .v{font-family:var(--head);font-size:26px;line-height:1}.dcard img.i{margin-top:4px}.dcard.t0{background:#eef1f4}.dcard.t1{background:#fde3d7}.dcard.t2{background:#dff3fb}.dcard.used{opacity:.3;box-shadow:none;cursor:default}.dcard.back{background:var(--ink);color:var(--paper)}.duel-log{font-size:13px}.duel-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0}.duel-vs img{width:64px;height:64px;border-radius:50%;border:2px solid var(--ink);object-fit:cover}.chat{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto;padding:2px}.msg{font-size:14px}.msg b{font-weight:800}.msg.sys{color:var(--muted);font-style:italic}.msg time{color:var(--muted);font-size:11px;margin-left:4px}.toasts{position:fixed;z-index:100;top:10px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 20px));display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 12px;font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--red);animation:drop .2s ease-out}.toast.err{background:var(--red);box-shadow:3px 3px 0 var(--ink)}@keyframes drop{0%{transform:translateY(-10px);opacity:0}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1e1a178c;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(540px,100%);max-height:88vh;overflow-y:auto;background:var(--paper);border-top:2px solid var(--ink);border-radius:18px 18px 0 0;padding:16px 14px calc(18px + env(safe-area-inset-bottom))}.modal h2{font-size:20px;margin-bottom:10px}.battle{text-align:center}.battle .fighters{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.battle .fighters img{width:100%;aspect-ratio:1;object-fit:contain}.battle .hp{height:10px;border:1.5px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden;margin-top:4px}.battle .hp i{display:block;height:100%;background:var(--good);transition:width .25s}.battle .shake{animation:shake .25s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#10202a;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.play canvas{display:block;width:100%;height:100%;max-width:540px;touch-action:none}.play .hud{position:absolute;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(520px,100% - 16px);display:flex;justify-content:space-between;align-items:center;color:#fff;font-family:var(--head);font-size:20px;text-shadow:2px 2px 0 #000;pointer-events:none}.play .hud button{pointer-events:auto}.empty{text-align:center;color:var(--muted);padding:14px 6px;font-size:14px}.pill-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.kbd{font-family:ui-monospace,monospace;background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:6px 8px;word-break:break-all;font-size:12px}@media(min-width:700px){body{background:#cfc1a8 url("/assets/map-JHXD35E6.webp") center / cover fixed}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}