@font-face{font-family:Lilita One;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-var.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}:root{--ink: #1d1530;--ink-2: #3b2f5c;--panel: #fff8ec;--panel-2: #f4e8d4;--panel-3: #e9d9bf;--line: #d9c4a2;--purple: #836ef9;--purple-d: #4f36c9;--purple-l: #c9b8ff;--gold: #ffcf3f;--gold-d: #c98a00;--green: #4fcf6a;--green-d: #23853b;--red: #ff5a6b;--red-d: #b3243a;--blue: #3fb6ff;--blue-d: #1a6fb3;--nectar: #ffb627;--shard: #9b6bff;--spark: #4be0a8;--radius: 16px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:var(--app-h, 100%);overflow:hidden;background:#0b0620}body{font-family:Figtree,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input,textarea{font:inherit;user-select:text;-webkit-user-select:text}a{color:var(--purple-d)}.game{position:fixed;inset:0}.game canvas.world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fredoka,.btn,h1,h2,h3,.title{font-family:Lilita One,Figtree,sans-serif}.stroke{text-shadow:0 2px 0 rgba(29,21,48,.55),0 0 2px rgba(29,21,48,.7);color:#fff}.btn{--c: var(--purple);--cd: var(--purple-d);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:14px;font-weight:600;font-size:17px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,white) 0%,var(--c) 55%);box-shadow:0 4px 0 var(--cd),inset 0 -2px #0000001f,inset 0 2px #ffffff59;border:2px solid var(--ink);text-shadow:0 1.5px 0 rgba(29,21,48,.6);transition:transform .06s,box-shadow .06s,filter .15s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--cd),inset 0 -2px #0000001f}.btn:disabled{filter:grayscale(.85) brightness(.95);cursor:not-allowed;opacity:.8}.btn.green{--c: var(--green);--cd: var(--green-d)}.btn.gold{--c: var(--gold);--cd: var(--gold-d);color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6)}.btn.red{--c: var(--red);--cd: var(--red-d)}.btn.blue{--c: var(--blue);--cd: var(--blue-d)}.btn.cream{--c: #fff3dc;--cd: #c9ad84;color:var(--ink);text-shadow:none}.btn.dark{--c: #3b2f5c;--cd: #1d1530}.btn.sm{min-height:34px;font-size:14px;padding:4px 10px;border-radius:11px}.btn.lg{min-height:58px;font-size:21px;padding:10px 22px;border-radius:18px}.btn.block{width:100%}.btn .cost{display:inline-flex;align-items:center;gap:3px}.round-btn{position:relative;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,#fff6e6,#f0dcb8);border:2.5px solid var(--ink);box-shadow:0 4px #b3926a;transition:transform .06s}.round-btn:active{transform:translateY(3px);box-shadow:0 1px #b3926a}.round-btn .lbl{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font:600 12px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink),0 0 2px var(--ink);white-space:nowrap}.round-btn .badge,.badge-dot{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font:700 12px Lilita One;display:grid;place-items:center;border:2px solid var(--ink)}.round-btn.big{width:84px;height:84px;border-radius:26px;background:linear-gradient(180deg,#ffd96b,#ffb627);box-shadow:0 5px #b06d00}.round-btn.big .lbl{font-size:15px;bottom:-11px}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.hud-top>*{pointer-events:auto}.profile{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:16px;background:#1d15309e;backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.12)}.profile .lvl{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font:700 20px Lilita One;color:#fff;background:radial-gradient(circle at 30% 30%,#b49cff,#5a3fd6);border:2px solid #fff;text-shadow:0 1.5px 0 var(--ink)}.profile .who{display:flex;flex-direction:column;line-height:1.1;color:#fff}.profile .who b{font:600 15px Lilita One;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .who span{font-size:12px;opacity:.85;display:flex;gap:6px;align-items:center}.trophy-pill{display:inline-flex;align-items:center;gap:4px;font:700 14px Lilita One;color:#fff}.resbars{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.resbar{position:relative;display:flex;align-items:center;height:28px;width:156px;border-radius:14px;background:#1d1530b3;border:2px solid rgba(255,255,255,.12);padding-left:28px}.resbar .ico{position:absolute;right:-6px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.resbar .fill{position:absolute;left:3px;top:3px;bottom:3px;border-radius:10px;opacity:.9;transition:width .4s}.resbar .val{position:relative;z-index:1;margin-left:auto;margin-right:24px;font:700 15px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink)}.resbar .cap{position:relative;z-index:1;font:600 10px Lilita One;color:#fff;opacity:.8;text-shadow:0 1px 0 var(--ink);margin-left:-18px;white-space:nowrap}.resbar.small{width:120px}.builders{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#1d1530b3;color:#fff;font:700 14px Lilita One;border:2px solid rgba(255,255,255,.12)}.hud-left{position:absolute;left:calc(10px + var(--safe-l));top:calc(96px + var(--safe-t));display:flex;flex-direction:column;gap:16px}.hud-left .round-btn{width:50px;height:50px;border-radius:16px}.hud-left .round-btn .lbl{font-size:11px}.hud-bottom{position:absolute;left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(14px + var(--safe-b));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.hud-bottom>*{pointer-events:auto}.hud-bottom .right{display:flex;gap:12px}.shield-pill{margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:10px;background:#1d153099;color:#c7ecff;font:600 12px Lilita One}.online-badge{position:absolute;top:-7px;left:-7px;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#2fcf6a;color:#fff;font:700 11px Lilita One;display:grid;place-items:center;border:2px solid var(--ink)}.online-badge.off{background:var(--red)}.online-pill{display:inline-flex;align-items:center;gap:5px;font:600 12px Lilita One;color:#fff}.online-pill i{width:8px;height:8px;border-radius:50%;background:#5cff8a;box-shadow:0 0 6px #5cff8a;display:inline-block}.chat-ticker{position:absolute;left:calc(70px + var(--safe-l));bottom:calc(104px + var(--safe-b));max-width:min(56vw,340px);padding:6px 10px;border-radius:12px;background:#1d153094;color:#fff;font-size:13px;line-height:1.3;pointer-events:auto;cursor:pointer;animation:fadein .3s}.chat-ticker b{color:var(--purple-l);font-weight:700}.selbar{position:absolute;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;animation:rise .18s ease-out;max-width:calc(100vw - 20px)}.selbar .name{font:600 20px Lilita One}.selbar .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.act{display:flex;flex-direction:column;align-items:center;gap:2px;width:74px}.act .round-btn{width:62px;height:62px}.act small{font:600 11px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink);text-align:center;line-height:1.1;display:flex;align-items:center;gap:2px}.act .round-btn.locked{filter:grayscale(.8);opacity:.75}.place-bar{position:absolute;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%);display:flex;gap:14px;align-items:center;pointer-events:auto}.place-hint{position:absolute;top:calc(70px + var(--safe-t));left:50%;transform:translate(-50%);padding:6px 14px;border-radius:12px;background:#1d1530b3;color:#fff;font:600 14px Lilita One;pointer-events:none;white-space:nowrap}.marker{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}.bubble{pointer-events:auto;transform:translate(-50%,-100%);width:40px;height:44px;display:grid;place-items:center;background:#fff8ec;border:2.5px solid var(--ink);border-radius:50%/45% 45% 55% 55%;box-shadow:0 3px #00000040;animation:bob 1.4s ease-in-out infinite;cursor:pointer}.bubble.full{background:#ffe9a8}.timer{transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px}.timer .t{font:700 13px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink),0 0 2px var(--ink)}.timer .bar{width:64px;height:9px;border-radius:5px;background:#1d1530bf;border:1.5px solid var(--ink);overflow:hidden}.timer .bar i{display:block;height:100%;background:linear-gradient(90deg,#6dff9a,#2fcf6a)}.label3d{transform:translate(-50%,-100%);padding:3px 10px;border-radius:10px;background:#1d1530b8;color:#fff;font:600 13px Lilita One;white-space:nowrap}.float-txt{transform:translate(-50%,-50%);font:700 18px Lilita One;animation:floatup 1.1s ease-out forwards;text-shadow:0 2px 0 var(--ink),0 0 3px var(--ink);white-space:nowrap;display:flex;align-items:center;gap:3px;color:#fff}.scrim{position:absolute;inset:0;background:#140a2d73;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fadein .15s;pointer-events:auto}.sheet{position:relative;width:min(980px,100vw);max-height:min(86vh,860px);display:flex;flex-direction:column;background:var(--panel);border:3px solid var(--ink);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -8px #0000001f;animation:rise .2s ease-out;padding-bottom:var(--safe-b)}@media (min-width: 760px){.scrim{align-items:center}.sheet{border-bottom:3px solid var(--ink);border-radius:26px;max-height:86vh}}.sheet-head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 56px 10px 18px;background:linear-gradient(180deg,#9d8bff,var(--purple));border-radius:22px 22px 0 0;border-bottom:3px solid var(--ink);color:#fff}.sheet-head h2{margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 0 var(--ink),0 0 2px var(--ink);letter-spacing:.3px}.sheet-head .sub{margin-left:auto;font:600 14px Lilita One;display:flex;gap:10px;align-items:center;text-shadow:0 1.5px 0 var(--ink)}.x-btn{position:absolute;right:calc(10px + var(--safe-r));top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#ff8a95,var(--red));border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--red-d);color:#fff;font:700 20px Lilita One;text-shadow:0 1.5px 0 var(--ink);display:grid;place-items:center}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 18px;touch-action:pan-y}.tabs{display:flex;gap:6px;padding:10px 14px 0;flex-wrap:wrap}.tab{padding:7px 14px;border-radius:12px 12px 0 0;font:600 15px Lilita One;background:var(--panel-3);border:2.5px solid var(--ink);border-bottom:0;color:var(--ink-2)}.tab.on{background:#fff;color:var(--ink);transform:translateY(2px)}.tabline{border-top:2.5px solid var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;background:#fff;border:2.5px solid var(--ink);box-shadow:0 4px #cdb895;text-align:left;transition:transform .08s}button.card:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #cdb895}.card.locked{background:#efe6d6}.card.locked .art{filter:grayscale(.9) brightness(.85);opacity:.6}.card .art{height:104px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#f4eeff,#e2d6ff 70%);overflow:hidden}.card .art img{width:112px;height:112px;object-fit:contain;image-rendering:auto}.card h3{margin:0;font-size:17px;font-weight:600;line-height:1.1}.card .meta{font-size:12px;color:var(--ink-2);line-height:1.3}.card .row{display:flex;align-items:center;justify-content:space-between;gap:6px;font:600 14px Lilita One}.card .count{position:absolute;top:8px;right:calc(8px + var(--safe-r));padding:1px 8px;border-radius:9px;background:var(--ink);color:#fff;font:700 13px Lilita One}.card .lock-note{font:600 12px Lilita One;color:var(--red-d)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9px;font:600 12px Lilita One;background:var(--panel-2);border:1.5px solid var(--line);white-space:nowrap}.chip.el{color:#fff;border-color:#00000040;text-shadow:0 1px 0 rgba(0,0,0,.35)}.section-title{margin:18px 0 8px;font:600 18px Lilita One;display:flex;align-items:center;gap:8px}.section-title:first-child{margin-top:0}.muted{color:var(--ink-2);font-size:14px;line-height:1.45}.panel{padding:12px 14px;border-radius:16px;background:var(--panel-2);border:2px solid var(--line)}.panel.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.flex{display:flex;align-items:center;gap:10px}.flex.wrap{flex-wrap:wrap}.spacer{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.stat{padding:8px 10px;border-radius:12px;background:#fff;border:2px solid var(--line)}.stat b{display:block;font:600 18px Lilita One}.stat span{font-size:12px;color:var(--ink-2)}.queue{display:flex;gap:8px;overflow-x:auto;padding:8px;border-radius:14px;background:var(--panel-2);border:2px solid var(--line);min-height:86px;align-items:center;touch-action:pan-x}.qitem{position:relative;flex:0 0 auto;width:64px;height:64px;border-radius:12px;background:#fff;border:2px solid var(--ink);display:grid;place-items:center}.qitem img{width:60px;height:60px;object-fit:contain}.qitem .n{position:absolute;top:-6px;left:-6px;padding:0 6px;border-radius:8px;background:var(--ink);color:#fff;font:700 12px Lilita One}.qitem .rm{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;border:2px solid var(--ink);font:700 12px Lilita One;display:grid;place-items:center}.qitem .prog{position:absolute;left:3px;right:3px;bottom:3px;height:6px;border-radius:3px;background:#00000026;overflow:hidden}.qitem .prog i{display:block;height:100%;background:var(--green)}.housing{font:600 15px Lilita One;display:flex;align-items:center;gap:8px}.meter{flex:1;height:14px;border-radius:8px;background:var(--panel-3);border:2px solid var(--ink);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#b49cff,var(--purple));transition:width .3s}.toasts{position:absolute;top:calc(78px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:40;pointer-events:none}.toast{padding:8px 16px;border-radius:14px;background:#1d1530db;color:#fff;font:600 15px Lilita One;animation:toast 2.6s ease forwards;border:2px solid rgba(255,255,255,.15);max-width:86vw;text-align:center}.toast.err{background:#b3243aeb}.toast.good{background:#23853beb}.b-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:8px}.b-top>*{pointer-events:auto}.foe{padding:8px 12px;border-radius:16px;background:#1d1530ad;color:#fff;min-width:170px}.foe b{font:600 17px Lilita One;display:block}.foe .line{display:flex;align-items:center;gap:6px;font:600 14px Lilita One;margin-top:3px}.foe .tag{font-size:11px;padding:1px 7px;border-radius:8px;background:#ffffff26;margin-left:4px}.clock{text-align:center;color:#fff}.clock .lbl{font:600 13px Lilita One;text-shadow:0 1.5px 0 var(--ink)}.clock .t{font:700 30px Lilita One;text-shadow:0 2px 0 var(--ink),0 0 3px var(--ink);line-height:1}.score{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 12px;border-radius:16px;background:#1d1530ad;color:#fff}.score .pct{font:700 26px Lilita One;line-height:1}.score .stars{display:flex;gap:2px}.score .loot{display:flex;gap:8px;font:600 14px Lilita One;align-items:center}.deck{position:absolute;left:0;right:0;bottom:0;padding:10px calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));display:flex;gap:8px;overflow-x:auto;align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(29,21,48,.55) 30%);touch-action:pan-x}.dcard{position:relative;flex:0 0 auto;width:74px;height:92px;border-radius:14px;background:linear-gradient(180deg,#fff,#efe6ff);border:2.5px solid var(--ink);box-shadow:0 4px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;transition:transform .1s}.dcard img{position:absolute;top:2px;left:50%;transform:translate(-50%);width:70px;height:70px;object-fit:contain}.dcard .n{position:relative;z-index:1;width:100%;padding:2px 0;text-align:center;font:700 14px Lilita One;color:#fff;background:var(--ink)}.dcard.on{transform:translateY(-10px);border-color:#fff;box-shadow:0 0 0 3px var(--gold),0 8px #00000059}.dcard.empty{filter:grayscale(1);opacity:.5}.dcard .el{position:absolute;top:4px;left:4px;z-index:1;font-size:14px}.dcard.spell{background:linear-gradient(180deg,#fff,#ffe9fb)}.dcard.hero{background:linear-gradient(180deg,#fffbe0,#ffe08a)}.dcard .ab{position:absolute;inset:0;display:grid;place-items:center;background:#ffe066d9;font:700 13px Lilita One;text-align:center;z-index:2}.b-actions{position:absolute;left:calc(10px + var(--safe-l));top:calc(122px + var(--safe-t));display:flex;flex-direction:column;gap:10px;align-items:flex-start}.hint-strip{position:absolute;left:50%;bottom:calc(118px + var(--safe-b));transform:translate(-50%);width:max-content;max-width:calc(100vw - 20px);padding:5px 12px;border-radius:12px;background:#1d1530a8;color:#fff;font:600 13px Lilita One;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;align-items:center;text-align:center;pointer-events:none}.banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font:700 46px Lilita One;color:#fff;text-shadow:0 4px 0 var(--ink),0 0 6px var(--ink);animation:pop .6s ease-out;pointer-events:none;white-space:nowrap}.result{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#836ef98c,#140a2ddb);animation:fadein .3s;padding:16px}.result-card{width:min(440px,100%);text-align:center;color:#fff}.result-card h1{margin:0;font-size:54px;text-shadow:0 4px 0 var(--ink),0 0 6px var(--ink)}.result-card .stars{display:flex;justify-content:center;gap:6px;margin:10px 0}.result-card .stars svg{animation:pop .5s ease-out both}.result-card .rows{display:grid;gap:8px;margin:14px 0 20px}.result-card .rows div{display:flex;align-items:center;justify-content:center;gap:8px;font:600 20px Lilita One;padding:8px;border-radius:14px;background:#1d153080}.chat{display:flex;flex-direction:column;height:min(62vh,560px)}.chat .msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px;touch-action:pan-y}.msg{max-width:86%;padding:7px 11px;border-radius:14px;background:#fff;border:2px solid var(--line);font-size:14px;line-height:1.35;align-self:flex-start;word-wrap:break-word;user-select:text}.msg.me{align-self:flex-end;background:#ece6ff;border-color:var(--purple-l)}.msg .who{font:600 12px Lilita One;color:var(--purple-d);display:flex;gap:6px;align-items:center}.msg .who .lg{color:var(--ink-2);font-weight:500}.msg .who .cr{color:#fff;background:var(--purple);padding:0 6px;border-radius:6px;font-size:11px}.chat form{display:flex;gap:8px;padding-top:10px}.chat input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:2.5px solid var(--ink);background:#fff;font-size:16px}.emotes{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}.emotes button{padding:4px 10px;border-radius:10px;background:var(--panel-2);border:2px solid var(--line);font:600 13px Lilita One}.list{display:flex;flex-direction:column;gap:8px}.li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:#fff;border:2px solid var(--line)}.li .rank{width:28px;font:700 16px Lilita One;color:var(--ink-2);text-align:center}.li .grow{flex:1;min-width:0}.li .grow b{font:600 16px Lilita One;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li .grow span{font-size:12px;color:var(--ink-2)}.li.me{border-color:var(--purple);background:#f3efff}.crew-badge{width:34px;height:34px;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;color:#fff;font:700 15px Lilita One;text-shadow:0 1px 0 var(--ink);flex:0 0 auto}.field{display:flex;flex-direction:column;gap:4px}.field label{font:600 13px Lilita One;color:var(--ink-2)}.field input{padding:10px 12px;border-radius:12px;border:2.5px solid var(--ink);background:#fff;font-size:16px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{width:32px;height:32px;border-radius:10px;border:2.5px solid var(--ink)}.swatches button.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}.map{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.node{position:relative;padding:10px;border-radius:16px;border:2.5px solid var(--ink);background:linear-gradient(180deg,#e9ffe0,#bfeaa8);box-shadow:0 4px #7fae6a;text-align:left;display:flex;flex-direction:column;gap:4px}.node.locked{background:linear-gradient(180deg,#e8e3ef,#cfc6dc);box-shadow:0 4px #9b90ad;color:#6b6280}.node b{font:600 15px Lilita One}.node .stars{display:flex;gap:1px}.node .n{position:absolute;top:8px;right:calc(10px + var(--safe-r));font:700 13px Lilita One;color:var(--ink-2)}.node .holder{width:62px;height:62px;object-fit:contain;align-self:center;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}.node.locked .holder{filter:grayscale(1) brightness(.6);opacity:.6}.foe-holder{float:left;width:52px;height:52px;object-fit:contain;margin:-4px 8px 0 -4px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.holder-freed{display:block;width:96px;height:96px;object-fit:contain;margin:2px auto 4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));animation:holder-pop .5s cubic-bezier(.3,1.6,.5,1) both}@keyframes holder-pop{0%{transform:scale(.4) translateY(12px);opacity:0}to{transform:none;opacity:1}}.onboard{position:absolute;inset:0;z-index:50;overflow:hidden;color:#fff;background:#07031a;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-t)) calc(16px + var(--safe-r)) calc(18px + var(--safe-b)) calc(16px + var(--safe-l))}.onboard:before{content:none}.onboard-art{position:absolute;inset:0;background:url(/brand/keyart.webp) 40% 20% / cover no-repeat;animation:kenburns 22s ease-in-out infinite alternate;transform-origin:40% 35%}.onboard-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07031a8c,#07031a00 24% 46%,#07031ad1 70%,#07031a)}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.1) translate(-1.5%,1%)}}@media (max-aspect-ratio: 4/5){.onboard{justify-content:flex-start}.onboard-art{bottom:auto;height:min(122vw,70%);background-position:30% 14%}.onboard-art:after{background:linear-gradient(180deg,#07031a59,#07031a00 20% 58%,#07031a)}.onboard-top{margin-top:calc(min(122vw,70vh) - 170px)}.onboard-card{margin-top:auto}}.onboard-top{position:relative;z-index:1;width:min(640px,100%);pointer-events:none;animation:logo-in .8s cubic-bezier(.2,1.4,.4,1) both}.logo{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 14px rgba(5,2,20,.55))}.logo text{font-family:Cinzel,serif;paint-order:stroke fill;stroke-linejoin:round}.lg-word text{font-size:178px;font-weight:900;fill:url(#lg-gold);stroke:#0b0620;stroke-width:14px;letter-spacing:6px}.lg-word text.lg-shade{fill:#0b0620;stroke-width:18px}.lg-tag{font-size:40px;font-weight:700;letter-spacing:14px;fill:#efe6ff;stroke:#0b0620;stroke-width:8px}.onboard-card{position:relative;z-index:1;width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:rise .5s .2s ease-out both}.onboard p{margin:0;font-size:15.5px;line-height:1.5;max-width:440px;text-shadow:0 2px 6px rgba(20,8,60,.7)}.onboard .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.onboard .pillars div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:16px;background:#1d15308c;backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.14);font:600 13px Lilita One;line-height:1.2}.onboard .play-btn{min-width:220px;font-size:24px;min-height:62px;animation:pulse-btn 1.8s ease-in-out infinite}.onboard .play-btn:disabled{animation:none}.onboard .speech{position:relative;padding:12px 16px;border-radius:18px;background:#fff8ec;color:var(--ink);border:3px solid var(--ink);font-size:15px;line-height:1.45;box-shadow:0 5px #14083c59;max-width:440px}.onboard .speech:after{content:"";position:absolute;left:50%;top:-14px;width:22px;height:22px;background:#fff8ec;border-left:3px solid var(--ink);border-top:3px solid var(--ink);transform:translate(-50%) rotate(45deg)}.onboard input{width:100%;max-width:320px;padding:14px;border-radius:16px;border:3px solid var(--ink);font:600 20px Lilita One;text-align:center;color:var(--ink);box-shadow:0 4px #14083c59}.onboard .fine{font-size:12px;opacity:.85}@keyframes logo-in{0%{transform:scale(.6) translateY(-20px);opacity:0}}@keyframes pulse-btn{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-height: 700px){.onboard-top{width:min(460px,100%)}.onboard .pillars div{padding:6px}}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#6c58f0;color:#fff;font:600 22px Lilita One;z-index:100;transition:opacity .5s}.nft-card{border-color:var(--ink)}.nft-card .art{background:radial-gradient(circle at 50% 60%,#2d1d66,#120a33)}.nft-tag{position:absolute;top:8px;left:calc(8px + var(--safe-l));padding:1px 8px;border-radius:8px;background:var(--purple);color:#fff;font:700 11px Lilita One;border:1.5px solid var(--ink)}.gear-ico{font-size:52px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.notice{padding:10px 14px;border-radius:14px;border:2px dashed var(--purple);background:#f3efff;font-size:14px;line-height:1.45}.notice.warn{border-color:var(--gold-d);background:#fff6d6}.quest{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff;border:2px solid var(--line)}.quest.done{border-color:var(--green);background:#effff0}.quest.claimed{opacity:.55}.quest .grow{flex:1;font:600 15px Lilita One}.defense-log .li{align-items:flex-start}@keyframes rise{0%{transform:translate(var(--tx, 0),30px);opacity:0}to{transform:translate(var(--tx, 0));opacity:1}}.selbar,.place-bar{--tx: -50%}@keyframes fadein{0%{opacity:0}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}60%{transform:translate(-50%,-50%) scale(1.12);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.result-card .stars svg{animation-name:starpop}@keyframes starpop{0%{transform:scale(.2) rotate(-40deg);opacity:0}70%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1)}}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}@keyframes floatup{0%{translate:0 0;opacity:1}to{translate:0 -46px;opacity:0}}@media (max-width: 520px){.resbar{width:128px;height:26px}.resbar .val{font-size:14px}.profile .who b{max-width:96px}.round-btn{width:56px;height:56px}.round-btn.big{width:76px;height:76px}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.card .art{height:92px}.sheet-head h2{font-size:21px}.act{width:64px}.act .round-btn{width:54px;height:54px}.banner{font-size:34px}}.portal{position:absolute;inset:0;z-index:45;display:flex;flex-direction:column;background:#120830;animation:fadein .2s}.portal-bar{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-t)) calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l));background:linear-gradient(180deg,#9d8bff,var(--purple));border-bottom:3px solid var(--ink);color:#fff}.portal-bar img{width:34px;height:34px;border-radius:9px;border:2px solid var(--ink)}.portal-bar b{font:600 19px Lilita One;text-shadow:0 2px 0 var(--ink)}.portal-sub{font:600 12px Lilita One;opacity:.85;margin-right:auto}.portal iframe{flex:1;width:100%;border:0;background:#07040e}.isle-pill{margin-top:6px;display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:10px;background:#1d153099;color:#fff;font:600 12px Lilita One;cursor:pointer}@media (max-width: 520px){.portal-sub{display:none}}.card .art .fog{font:700 54px Lilita One;color:#ffffff8c;text-shadow:0 3px 0 var(--ink)}.gene-table td,.gene-table th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px}.gene-table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden}@media (orientation: landscape) and (max-height: 520px){.hud-top{top:calc(6px + var(--safe-t))}.profile{padding:2px 10px 2px 2px}.resbars{gap:4px}.resbar{height:24px;width:132px}.resbar .val{font-size:13px}.hud-left{top:calc(52px + var(--safe-t));gap:10px;flex-direction:row}.hud-left .round-btn{width:42px;height:42px;border-radius:13px}.hud-left .round-btn svg{width:24px;height:24px}.hud-left .round-btn .lbl{font-size:10px;bottom:-8px}.hud-bottom{bottom:calc(8px + var(--safe-b))}.round-btn{width:50px;height:50px;border-radius:16px}.round-btn.big{width:64px;height:64px;border-radius:20px}.round-btn.big svg,.round-btn.big img{width:36px;height:36px}.round-btn img{width:40px;height:40px}.hud-bottom .right{gap:10px}.selbar{bottom:calc(8px + var(--safe-b));gap:4px}.act{width:58px}.act .round-btn{width:48px;height:48px}.chat-ticker{bottom:calc(80px + var(--safe-b));left:calc(80px + var(--safe-l))}.b-top{top:calc(4px + var(--safe-t))}.foe{min-width:0;padding:6px 10px}.foe b{font-size:15px;white-space:nowrap}.foe-holder{width:40px;height:40px;margin:-2px 6px 0 -2px}.clock .t{font-size:24px}.score{padding:6px 10px}.score .pct{font-size:20px}.b-actions{top:auto;bottom:calc(96px + var(--safe-b));flex-direction:row}.deck{padding-top:6px;padding-bottom:calc(6px + var(--safe-b))}.dcard{width:62px;height:78px}.dcard img{width:58px;height:58px}.hint-strip{bottom:calc(92px + var(--safe-b));max-width:60vw;font-size:12px}.sheet{max-height:94vh}.sheet-head{padding-top:8px;padding-bottom:6px}.sheet-head h2{font-size:20px}.toasts{top:calc(50px + var(--safe-t))}.onboard{justify-content:center;align-items:flex-start;gap:6px;padding-left:calc(24px + var(--safe-l))}.onboard-top,.onboard-card{width:min(400px,46vw)}.onboard .pillars{display:none}.onboard p{font-size:13px;max-width:520px}.onboard .play-btn{min-height:48px;font-size:20px}}.merge-wrap{display:flex;gap:16px;flex-wrap:wrap-reverse;justify-content:center;align-items:flex-start}.merge-side{flex:1 1 220px;max-width:320px}.merge-score{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:14px;background:var(--ink);color:#fff;margin-bottom:8px}.merge-score span{font:400 14px Lilita One;opacity:.8}.merge-score b{font:400 26px Lilita One;color:var(--gold)}.merge-board{position:relative;width:min(420px,92vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:20px;background:linear-gradient(180deg,#3a20a8,#1c0f55);border:3px solid var(--ink);box-shadow:0 6px #00000040,inset 0 0 30px #9b6bff59;touch-action:none;user-select:none}.merge-cell{border-radius:14px;background:#ffffff14;position:relative}.merge-tile{position:absolute;inset:0;border-radius:14px;border:2.5px solid var(--ink);box-shadow:0 4px #0000004d;display:grid;place-items:center;overflow:hidden}.merge-tile img{width:92%;height:92%;object-fit:contain;pointer-events:none}.merge-tile span{position:absolute;top:3px;left:6px;font:400 13px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink)}.merge-tile.in{animation:tile-in .16s ease-out}.merge-tile.pop{animation:tile-pop .22s ease-out}@keyframes tile-in{0%{transform:scale(.4);opacity:0}}@keyframes tile-pop{50%{transform:scale(1.14)}}.merge-over{position:absolute;inset:0;border-radius:18px;background:#120a3dbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font:400 26px Lilita One}.clouds{position:absolute;inset:0;z-index:70;pointer-events:all;overflow:hidden}.clouds i{position:absolute;top:-10%;bottom:-10%;width:62%;background:radial-gradient(circle at 70% 20%,#fff 0 18%,transparent 18.5%),radial-gradient(circle at 85% 45%,#fff 0 22%,transparent 22.5%),radial-gradient(circle at 72% 75%,#fff 0 20%,transparent 20.5%),radial-gradient(circle at 88% 95%,#f1ecff 0 16%,transparent 16.5%),linear-gradient(90deg,#f6f2ff 0 70%,transparent 70%);filter:drop-shadow(0 0 30px rgba(131,110,249,.45))}.clouds .cl-l{left:0}.clouds .cl-r{right:0;transform:scaleX(-1)}.clouds.in .cl-l{animation:cl-in-l .43s ease-in both}.clouds.in .cl-r{animation:cl-in-r .43s ease-in both}.clouds.out .cl-l{animation:cl-out-l .65s ease-out both}.clouds.out .cl-r{animation:cl-out-r .65s ease-out both}@keyframes cl-in-l{0%{transform:translate(-105%)}to{transform:translate(0)}}@keyframes cl-in-r{0%{transform:scaleX(-1) translate(-105%)}to{transform:scaleX(-1) translate(0)}}@keyframes cl-out-l{0%{transform:translate(0)}to{transform:translate(-105%)}}@keyframes cl-out-r{0%{transform:scaleX(-1) translate(0)}to{transform:scaleX(-1) translate(-105%)}}.guide{position:absolute;left:50%;bottom:calc(118px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:6px;max-width:min(92vw,460px);pointer-events:auto;animation:rise .3s ease-out;z-index:5}.guide img{width:64px;height:64px;flex:0 0 auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));animation:bob 2.2s ease-in-out infinite}.guide-bubble{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:16px;background:#fff8ec;border:3px solid var(--ink);box-shadow:0 4px #14083c4d;font-size:14px;line-height:1.3;color:var(--ink)}.guide-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font:400 14px Lilita One;display:grid;place-items:center}@media (orientation: landscape) and (max-height: 520px){.guide{bottom:calc(76px + var(--safe-b))}.guide img{width:46px;height:46px}.guide-bubble{font-size:12.5px}}.small{font-size:12px}.section-h{margin:14px 2px 8px;font-family:Lilita One,sans-serif;font-weight:400;color:var(--ink-2);letter-spacing:.3px}.wild-panel{display:flex;gap:12px;background:linear-gradient(135deg,#2a1766,#1b1240);color:#efe8ff;border-color:#4f36c9}.wild-panel .muted{color:#c9bfe8}.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.partner{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:10px;cursor:pointer}.partner.lead{border-color:var(--gold-d);box-shadow:0 3px 0 var(--gold-d)}.partner-more{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px;cursor:default}.statrow{display:flex;gap:10px;font-weight:700;font-size:12px;color:var(--ink-2);flex-wrap:wrap}.move-line{font-size:13px;margin-top:3px}.xpbar{height:6px;border-radius:4px;background:#e2d3bb;overflow:hidden;margin-top:4px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8f78ff,#ffd23f)}.prism-chip{background:linear-gradient(90deg,#ff9de2,#9be7ff,#c3ffa8)!important;color:#2a1766!important}.kin-art{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}.kin-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(10,4,30,.35))}.kin-art.prism img{filter:hue-rotate(150deg) saturate(1.35) brightness(1.06) drop-shadow(0 0 10px rgba(190,240,255,.9))}.kin-art.prism:after{content:"✦";position:absolute;top:4%;right:8%;color:#fff;font-size:18px;text-shadow:0 0 8px #9be7ff;animation:twinkle 1.6s ease-in-out infinite}.kin-art.dark img{filter:brightness(0) opacity(.35)}@keyframes twinkle{50%{opacity:.2;transform:scale(.6) rotate(30deg)}}.kindex{display:grid;gap:10px}.kx-row{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:10px}.kx-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.kx-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kx-cell{display:flex;flex-direction:column;align-items:center;background:var(--panel-2);border-radius:12px;padding:6px 4px;font-size:12px;font-weight:700;text-align:center}.kx-cell.unknown{color:#9a8a74}.cine{position:fixed;inset:0;z-index:80;overflow:hidden;color:#f3ecff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 64px) calc(var(--safe-r, 0px) + 16px) calc(env(safe-area-inset-bottom) + 56px) calc(var(--safe-l, 0px) + 16px);background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--el, #836ef9) 38%,#120a2e),#0b0620 70%);animation:cineIn .5s ease-out}@keyframes cineIn{0%{opacity:0}}.cine-bars:before,.cine-bars:after{content:"";position:absolute;left:0;right:0;height:44px;background:#05030c;z-index:3;animation:barsIn .6s cubic-bezier(.2,.8,.2,1)}.cine-bars:before{top:0}.cine-bars:after{bottom:0}@keyframes barsIn{0%{height:0}}.cine-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.cine-bg.forest{background:radial-gradient(ellipse 60% 40% at 50% 72%,color-mix(in srgb,var(--el) 30%,transparent),transparent 70%),linear-gradient(180deg,transparent 55%,#07120d 100%),repeating-linear-gradient(95deg,transparent 0 46px,rgba(5,14,10,.55) 46px 64px,transparent 64px 120px),linear-gradient(180deg,#0e1b2c,#10261c 60%,#07120d)}.cine-bg.arena{background:radial-gradient(ellipse 70% 30% at 50% 78%,color-mix(in srgb,var(--el) 35%,transparent),transparent 70%),radial-gradient(ellipse 50% 22% at 50% 30%,rgba(255,255,255,.08),transparent 70%),linear-gradient(180deg,#120a2e,#1b1240 55%,#0a0618)}.cine-fog{position:absolute;inset:40% -20% 0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 30% 60%,rgba(200,220,255,.14),transparent 60%),radial-gradient(ellipse at 75% 70%,rgba(200,255,230,.1),transparent 60%);animation:fog 12s ease-in-out infinite alternate}@keyframes fog{to{transform:translate(8%)}}.cine-rays{position:absolute;inset:-50%;z-index:0;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--el) 26%,transparent) 0 8deg,transparent 8deg 22deg);animation:spin 18s linear infinite;mask-image:radial-gradient(circle,#000 0 18%,transparent 55%);-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 55%)}.cine-title{position:relative;z-index:4;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.cine-title small,.catch-top small{font-family:Cinzel,serif;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:12px;color:color-mix(in srgb,var(--el, #ffd23f) 55%,#fff)}.cine-title b,.catch-top b{font-family:Cinzel,serif;font-weight:900;font-size:clamp(22px,5vw,34px);letter-spacing:1px;text-shadow:0 2px 0 #05030c,0 0 24px color-mix(in srgb,var(--el, #836ef9) 60%,transparent)}.cine-title em{font-style:normal;opacity:.75;font-size:14px}.catch-top{position:relative;z-index:4;text-align:center;display:flex;flex-direction:column;gap:8px}.catch-stage{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.catch-kin{animation:idle 2.4s ease-in-out infinite;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5))}.catch-stage.shake .catch-kin,.catch-stage.caught .catch-kin{animation:suck .5s ease-in forwards}@keyframes idle{50%{transform:translateY(-10px) scale(1.02)}}@keyframes suck{to{transform:scale(.1);opacity:0;filter:brightness(3)}}.catch-ring{position:absolute;width:260px;height:260px;border-radius:50%;border:4px solid var(--el);box-shadow:0 0 22px var(--el),inset 0 0 22px var(--el);transform:scale(var(--s, 1));pointer-events:none}.catch-ring i{position:absolute;inset:34%;border-radius:50%;border:2px dashed rgba(255,255,255,.55);transform:scale(calc(1 / var(--s, 1)))}.catch-lure{position:absolute;animation:lureThrow .65s cubic-bezier(.3,.7,.4,1) forwards;filter:drop-shadow(0 0 14px #ffd23f)}.catch-stage.shake .catch-lure{animation:lureShake .65s ease-in-out infinite;top:auto}.catch-stage.caught .catch-lure{animation:lureDone 1s ease-out forwards}@keyframes lureThrow{0%{transform:translateY(60vh) scale(1.6) rotate(-200deg)}}@keyframes lureShake{0%,to{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}@keyframes lureDone{30%{transform:scale(1.4);filter:drop-shadow(0 0 30px #fff)}to{transform:scale(1.1)}}.catch-grade{position:absolute;top:18%;font-family:Cinzel,serif;font-weight:900;font-size:28px;color:#ffd23f;text-shadow:0 2px 0 #05030c;animation:gradeUp 1s ease-out forwards}@keyframes gradeUp{0%{transform:translateY(16px) scale(.6);opacity:0}30%{opacity:1;transform:none}}.catch-bottom{position:relative;z-index:4;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.catch-bottom .muted{color:#c9bfe8}.catch-msg{font-family:Cinzel,serif;font-weight:900;font-size:22px}.btn.big{font-size:20px;padding:12px 26px}.evolve{justify-content:center;gap:24px;cursor:pointer}.evolve-stage{position:relative;z-index:2;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.evolve-stage>span{position:absolute;transition:opacity .5s,transform .5s,filter .5s}.evolve-old{animation:evoPulse .45s ease-in-out infinite alternate}.evolve-old img{filter:brightness(0) invert(1) drop-shadow(0 0 18px #fff)!important}.evolve-new{opacity:0;transform:scale(.4)}.ph1 .evolve-old{opacity:0;transform:scale(1.6)}.ph1:after{content:"";position:fixed;inset:0;background:#fff;animation:flash .6s ease-out forwards;z-index:5}.ph2 .evolve-old{opacity:0}.ph2 .evolve-new{opacity:1;transform:none}@keyframes evoPulse{to{transform:scale(1.12)}}@keyframes flash{0%{opacity:1}to{opacity:0}}.duel-intro{position:relative;z-index:2;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;cursor:pointer}.duel-intro-kin{display:flex;align-items:flex-end;gap:0;animation:introIn .9s cubic-bezier(.2,.8,.2,1)}.duel-intro-kin>span:nth-child(2){margin:0 -24px;z-index:1}@keyframes introIn{0%{transform:translate(30vw);opacity:0}}.duel-foe,.duel-me{position:relative;z-index:2;width:100%;max-width:720px;display:flex;align-items:center;justify-content:space-between;gap:12px}.duel-foe{flex-direction:row}.duel-card{background:#0a061eb8;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;min-width:190px;backdrop-filter:blur(4px);font-family:Lilita One,sans-serif}.duel-card span{opacity:.75;margin-left:4px}.duel-card small{display:block;text-align:right;opacity:.8;font-family:Figtree,sans-serif;font-weight:700}.hp{height:12px;border-radius:7px;background:#3a1f33;border:2px solid #05030c;overflow:hidden;margin-top:6px}.hp i{display:block;height:100%;transition:width .5s ease-out,background .3s;box-shadow:inset 0 -3px #0003,inset 0 2px #ffffff59}.dots{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.dots i{width:8px;height:8px;border-radius:50%;background:#3a2f55}.dots i.on{background:#ffd23f}.duel-kin{position:relative;transition:opacity .4s,transform .4s;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55))}.duel-kin.hit{animation:hitShake .38s}.duel-kin.out{opacity:0;transform:translateY(30px) scale(.8)}@keyframes hitShake{20%{transform:translate(-10px);filter:brightness(2.2)}60%{transform:translate(8px)}}.dmg{position:absolute;top:10%;left:50%;font-style:normal;font-family:Cinzel,serif;font-weight:900;font-size:30px;color:#fff;text-shadow:0 2px 0 #05030c,0 0 12px #ff4a4a;animation:dmgUp .9s ease-out forwards;pointer-events:none}@keyframes dmgUp{0%{transform:translate(-50%,10px) scale(.6)}25%{transform:translate(-50%,-10px) scale(1.15)}to{transform:translate(-50%,-40px);opacity:0}}.duel-log{position:relative;z-index:2;min-height:44px;width:100%;max-width:720px;background:#05030cb3;border-radius:12px;padding:10px 14px;font-weight:700}.duel-moves{position:relative;z-index:4;width:100%;max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.move-btn{border:2px solid #05030c;border-radius:14px;padding:10px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--mc) 85%,#fff),var(--mc));box-shadow:0 4px color-mix(in srgb,var(--mc) 55%,#000);color:#1d1530;display:flex;flex-direction:column;gap:2px;cursor:pointer;text-align:left}.move-btn b{font-family:Lilita One,sans-serif;font-weight:400;font-size:16px}.move-btn span{font-size:11px;font-weight:800;opacity:.8}.move-btn:disabled,.swap-btn:disabled{filter:grayscale(.6) brightness(.7);cursor:default}.swap-row{grid-column:1 / -1;display:flex;gap:8px}.swap-btn{display:flex;align-items:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f3ecff;border-radius:12px;padding:4px 10px 4px 4px;font-weight:800;cursor:pointer}.swap-btn.run{margin-left:auto;padding:4px 12px}.duel-result{position:relative;z-index:4;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;background:#05030cc7;border-radius:18px;padding:16px 22px}.duel-result b{font-size:26px}.duel-result .muted{color:#c9bfe8}@media (orientation: landscape) and (max-height: 520px){.cine{padding-top:48px;padding-bottom:44px}.cine-bars:before,.cine-bars:after{height:28px}.duel .duel-foe .kin-art,.duel .duel-me .kin-art{width:110px!important;height:110px!important}.catch-kin .kin-art{width:150px!important;height:150px!important}.catch-ring{width:180px;height:180px}}.cine .chip{color:var(--ink)}.cine .chip.el{color:#fff}.acct-warn{background:#fff3d6;border-color:#e6b54a;font-size:13px;margin-bottom:10px}.acct{display:flex;flex-direction:column;gap:10px}.acct-row{display:flex;gap:10px;align-items:flex-start}.acct-dot{width:14px;height:14px;border-radius:50%;background:#ff9b3d;box-shadow:0 0 0 4px #ffe1c2;flex:none;margin-top:4px}.acct-dot.on{background:#3fcf6a;box-shadow:0 0 0 4px #cdf5d8}.acct-choice{margin-top:10px;display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border-radius:12px;padding:10px}.acct-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acct-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;font:inherit;color:var(--ink)}.acct-card b{font-family:Lilita One,sans-serif;font-weight:400;font-size:17px}.acct-card span{font-size:12px;color:var(--ink-2)}.acct-card:hover{border-color:var(--purple)}.save-pill{background:#ff9b3d!important;color:#fff!important;animation:savePulse 2s ease-in-out infinite;cursor:pointer}@keyframes savePulse{50%{box-shadow:0 0 0 5px #ff9b3d59}}.signin-btn{margin-top:10px;width:100%}.name-err{color:#d6334a;font-weight:700;font-size:13px;margin:6px 0}.dcard.captain{background:linear-gradient(180deg,#ffe9a8,#ffb84a)!important;border-color:#8d4c06!important}.dcard .cap-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#1d1530;color:#ffd24a;font:400 10px Lilita One,sans-serif;padding:1px 6px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}.prism-img{filter:hue-rotate(150deg) saturate(1.35) brightness(1.06)}.story{position:fixed;inset:0;z-index:60;background:#1b0c52}.story-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.story-top{position:absolute;top:calc(10px + var(--safe-t, 0px));left:calc(12px + var(--safe-l, 0px));right:calc(12px + var(--safe-r, 0px));display:flex;align-items:center;gap:8px;pointer-events:none}.story-top>*{pointer-events:auto}.story-title{flex:1;min-width:0;color:#fff;text-shadow:0 2px 0 rgba(5,3,12,.6);display:flex;flex-direction:column}.story-title small{font:700 11px Cinzel,serif;letter-spacing:3px;text-transform:uppercase;opacity:.85}.story-title b{font:900 clamp(15px,5.2vw,22px) "Cinzel",serif;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-x{width:40px;height:40px;border-radius:50%;background:#0a061e99;color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25)}.story-hint{position:absolute;left:50%;bottom:calc(24px + var(--safe-b, 0px));transform:translate(-50%);background:#0a061e9e;color:#efe6ff;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;text-align:center;max-width:88vw;pointer-events:none}.stick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff1f;pointer-events:none;z-index:61}.stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 16px #8ff3ff}.isle-card{position:absolute;left:50%;bottom:calc(18px + var(--safe-b, 0px));transform:translate(-50%);width:min(560px,calc(100vw - 24px));display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0c0722db;border:2px solid var(--el);border-radius:18px;padding:12px 14px;color:#f3ecff;box-shadow:0 10px 30px #0006,0 0 24px color-mix(in srgb,var(--el) 40%,transparent);animation:cardUp .35s cubic-bezier(.2,.8,.2,1)}.isle-card.held{border-color:#ff3d6e;box-shadow:0 10px 30px #0006,0 0 24px #ff3d6e73}.isle-card small{font:700 11px Cinzel,serif;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--el) 60%,#fff)}.isle-card.held small{color:#ff8fa8}.isle-card b{display:block;font:900 20px Cinzel,serif;margin:2px 0 6px}.isle-actions{display:flex;flex-direction:column;gap:6px}@keyframes cardUp{0%{transform:translate(-50%,30px);opacity:0}}.story-intro{z-index:70;justify-content:center;cursor:pointer;background:radial-gradient(ellipse at 50% 60%,#3c14788c,#05030ce0)}.story-intro .cine-title em{max-width:520px;line-height:1.45}.freed-bubble{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;background:radial-gradient(circle,#fffffff2,#ffe6fad9);border:3px solid #ff5fd2;border-radius:22px;padding:6px 10px 8px;pointer-events:auto;box-shadow:0 0 0 6px #ff5fd240,0 8px 18px #00000059;animation:freedPop .35s cubic-bezier(.2,1.4,.4,1),freedBob 1.1s ease-in-out .35s infinite;overflow:hidden}.freed-bubble span{font:400 13px Lilita One,sans-serif;color:#2a0a4a;white-space:nowrap}.freed-bubble i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#ff5fd2;transform-origin:left;animation:freedTimer linear forwards}@keyframes freedPop{0%{transform:translate(-50%,-100%) scale(.2)}}@keyframes freedBob{50%{transform:translate(-50%,calc(-100% - 8px))}}@keyframes freedTimer{to{transform:scaleX(0)}}.cine-bg.sky{background:radial-gradient(ellipse 70% 30% at 50% 78%,rgba(255,255,255,.55),transparent 70%),radial-gradient(ellipse 120% 40% at 50% 100%,#f6e6ff,#f6e6ff00 70%),linear-gradient(180deg,#1b0c52,#6a3fc9 45%,#e98ac9 75%,#ffd6b0)}.isle-card .chip{color:var(--ink)}.isle-card .chip.el{color:#fff}@media (orientation: landscape) and (max-height: 520px){.onboard-art{background-size:66% auto;background-position:100% 16%;-webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 54%);mask-image:linear-gradient(90deg,transparent 34%,#000 54%)}.onboard-art:after{background:linear-gradient(90deg,#07031ad1,#07031a73 38%,#07031a00 60%),linear-gradient(180deg,#07031a00 60%,#07031a99)}}.wild-reveal{position:relative;z-index:3;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.wild-reveal .cine-rays{opacity:0;transition:opacity .4s}.wild-reveal.reveal .cine-rays{opacity:1}.wild-sil{animation:silSpin 1.6s ease-in-out infinite;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--el) 70%,transparent))}.wild-reveal.stir .wild-sil{animation:silWobble .5s ease-in-out infinite}.wild-reveal.reveal .wild-sil{animation:revealPop .6s cubic-bezier(.2,1.5,.4,1)}.wild-reveal.reveal:after{content:"";position:fixed;inset:0;background:#fff;animation:flash .5s ease-out forwards;pointer-events:none;z-index:5}.wild-reveal.prism.reveal:after{background:linear-gradient(120deg,#ff9de2,#9be7ff,#c3ffa8,#ffe08a);animation-duration:.9s}@keyframes silWobble{0%,to{transform:rotate(-4deg) scale(.96)}50%{transform:rotate(4deg) scale(1.02)}}@keyframes silSpin{50%{transform:translateY(-8px)}}@keyframes revealPop{0%{transform:scale(.4)}}.catch-hint{display:block;text-align:left!important;font-size:11px;opacity:.85;margin-top:4px}.catch-hint.go{color:#ffd23f;opacity:1;animation:pulse-btn 1.2s ease-in-out infinite}.duel-kin.lured .kin-art{animation:suck .5s ease-in forwards}.lure-shake{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 14px #ffd23f)}.lure-shake.s1,.lure-shake.s3{animation:lureShake .6s ease-in-out}.lure-shake.s2{animation:lureShake .6s ease-in-out reverse}.duel-kin .catch-ring{width:200px;height:200px;left:50%;top:50%;margin:-100px 0 0 -100px}.swap-btn.lure-btn{background:linear-gradient(180deg,#ffe27a,#ffb21f);color:#2a1300;border-color:#8d4c06;font-weight:900}.freed-q{position:relative;display:inline-flex}.freed-q b{position:absolute;inset:0;display:grid;place-items:center;font:900 34px Cinzel,serif;color:#ff5fd2;text-shadow:0 0 10px #fff}.duel.wild .swap-btn:not(.lure-btn){background:#0a061e9e;color:#f3ecff;border-color:#ffffff47}.swap-btn.lure-btn.surge{background:linear-gradient(180deg,#9ff6ff,#3fb6ff)!important;color:#06253a!important}.swap-btn.lure-btn.prism{background:linear-gradient(120deg,#ff9de2,#9be7ff,#c3ffa8,#ffe08a)!important;color:#2a0a4a!important}.objective{position:absolute;top:calc(62px + var(--safe-t, 0px));left:calc(12px + var(--safe-l, 0px));max-width:min(330px,70vw);background:#0a061e9e;border:1px solid rgba(255,210,74,.35);border-radius:12px;padding:8px 12px;color:#f3ecff;pointer-events:none;display:flex;flex-direction:column;gap:2px}.objective small{font:700 10px Cinzel,serif;letter-spacing:2px;text-transform:uppercase;color:#ffd24a}.objective b{font-size:14px}.compass{font-size:12px;font-weight:700;opacity:.9;display:flex;align-items:center;gap:6px}.compass i{display:inline-block;font-style:normal;color:#ffd24a;transition:transform .25s}.npc-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.npc-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-999px,-999px)}.npc-label>*{transform:translate(-50%)}.npc-label b{background:#0a061eb3;color:#fff;font:400 12px Lilita One,sans-serif;padding:2px 8px;border-radius:8px;white-space:nowrap}.chat-bubble{background:#fff;color:#1d1530;font-size:12px;font-weight:700;padding:6px 10px;border-radius:12px;max-width:200px;box-shadow:0 4px 12px #00000040;animation:rise .3s ease-out}.npc-card{position:absolute;left:50%;bottom:calc(18px + var(--safe-b, 0px));transform:translate(-50%);width:min(560px,calc(100vw - 24px));background:#0c0722e6;border:2px solid var(--el);border-radius:18px;padding:12px 14px;color:#f3ecff;display:flex;flex-direction:column;gap:8px;animation:cardUp .35s cubic-bezier(.2,.8,.2,1)}.npc-card p{margin:0;line-height:1.45;font-size:14.5px}.npc-head{display:flex;align-items:center;gap:10px}.npc-head small{display:block;opacity:.75;font-size:12px}.npc-head b{font:900 17px Cinzel,serif}.npc-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:900 18px Cinzel,serif;color:#fff;border:2px solid rgba(255,255,255,.5)}.lobby-chat{position:absolute;left:calc(12px + var(--safe-l, 0px));bottom:calc(14px + var(--safe-b, 0px));width:min(360px,calc(100vw - 24px));background:#0a061eb8;border-radius:14px;padding:8px 10px;color:#f3ecff;display:flex;flex-direction:column;gap:6px}.lobby-chat.min{width:auto}.lobby-chat-toggle{align-self:flex-start;font-size:12px;font-weight:800;opacity:.85;color:#ffd24a}.lobby-msgs{font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:2px;max-height:120px;overflow:hidden}.lobby-chat input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:0}.lobby-msgs .muted{color:#c9bfe8}.play-menu{display:grid;gap:10px}.play-card{text-align:left;border-radius:18px;padding:16px;color:#fff;display:flex;flex-direction:column;gap:4px;border:2px solid rgba(0,0,0,.25);box-shadow:0 5px #14083c59;cursor:pointer}.play-card b{font:900 22px Cinzel,serif;text-shadow:0 2px 0 rgba(0,0,0,.3)}.play-card span{font-size:13.5px;opacity:.92}.play-card em{font-style:normal;font-size:12px;font-weight:800;color:#ffe27a}.play-card.adventure{background:linear-gradient(135deg,#3b1c9e,#c2185b)}.play-card.lobby{background:linear-gradient(135deg,#1f6fa8,#6b2fa3)}.play-card.arcade{background:linear-gradient(135deg,#1f8a5a,#2b4ea8)}.owner-row{gap:8px;align-items:center}.owner-n{width:76px;padding:6px 8px;border-radius:10px;border:2px solid var(--line);font-weight:800}.welcome-veil{position:fixed;inset:0;z-index:85;background:#07031a99;display:grid;place-items:center;padding:16px;animation:cineIn .3s ease-out}.welcome{width:min(420px,100%);background:linear-gradient(180deg,#2a1766,#140a38);color:#f3ecff;border:2px solid rgba(255,210,74,.45);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px;text-align:center;box-shadow:0 20px 50px #00000080;animation:revealPop .45s cubic-bezier(.2,1.4,.4,1)}.welcome small{font:700 11px Cinzel,serif;letter-spacing:2px;text-transform:uppercase;color:#ffd24a}.welcome>b{font:900 24px Cinzel,serif}.welcome-rows{display:flex;flex-direction:column;gap:6px;background:#ffffff12;border-radius:14px;padding:10px;font-weight:800}.welcome-rows>div{display:flex;align-items:center;justify-content:center;gap:6px}.daily{display:flex;flex-direction:column;gap:6px}.daily-track{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.daily-track span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;background:#ffffff14;font-size:10px;opacity:.6}.daily-track span i{font-style:normal;font-weight:800}.daily-track span.got{opacity:1;background:#4fcf6a4d}.daily-track span.now{opacity:1;background:#ffd24a;color:#2a1300;animation:pulse-btn 1.2s ease-in-out infinite}.welcome .muted{color:#c9bfe8}.quick-train{margin-bottom:8px}.replay-bar{position:absolute;left:50%;bottom:calc(18px + var(--safe-b, 0px));transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0a061ecc;color:#fff;padding:8px 10px;border-radius:14px;font-weight:800;font-size:13px;z-index:5;white-space:nowrap}.play-card.readings{background:linear-gradient(135deg,#0f7a5a,#1f3fa8)}.readings-intro{margin-bottom:10px}.tickers{display:grid;gap:8px}.ticker{display:flex;align-items:center;gap:10px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:8px 10px}.ticker.up{border-color:#8fd9a0}.ticker.static{border-color:#c9a3ff;background:linear-gradient(90deg,#efe6ff,var(--panel))}.tick-row{display:flex;gap:8px;align-items:baseline}.tick-row .px{font-weight:900}.chg.pos{color:#1f8a3b;font-weight:900}.chg.neg{color:#c2183b;font-weight:900}.chip.mood-red{background:#3a1240;color:#ff9fd0}.chip.mood-green{background:#1f6a3b;color:#c8ffd8}.region-banner{position:absolute;left:50%;top:28%;transform:translate(-50%);text-align:center;color:#fff;pointer-events:none;display:flex;flex-direction:column;gap:4px;animation:regionIn 3.8s ease forwards;text-shadow:0 2px 0 rgba(5,3,12,.7),0 0 20px rgba(0,0,0,.4);width:min(90vw,520px)}.region-banner small{font:700 12px Cinzel,serif;letter-spacing:4px;text-transform:uppercase;color:#ffd24a}.region-banner b{font:900 clamp(30px,8vw,46px) "Cinzel",serif}.region-banner em{font-style:normal;font-weight:700;font-size:13px;opacity:.9}@keyframes regionIn{0%{opacity:0;transform:translate(-50%,12px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.town-label b{background:#ffd24aeb!important;color:#2a1300!important;font-size:13px!important}.weather-chip{position:absolute;right:calc(12px + var(--safe-r, 0px));top:calc(62px + var(--safe-t, 0px));padding:6px 10px;border-radius:10px;font-size:12px;font-weight:900;pointer-events:none}.weather-chip.red{background:#3a1240d9;color:#ff9fd0}.weather-chip.green{background:#1f6a3bd9;color:#c8ffd8}.kin-art.glitch img{animation:glitchHue 1.2s steps(6) infinite,glitchJit .18s steps(2) infinite;filter:contrast(1.4) saturate(2) drop-shadow(3px 0 0 #00ffa3) drop-shadow(-3px 0 0 #ff2a6d)}.kin-art.glitch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,163,.14) 0 2px,transparent 2px 5px);mix-blend-mode:screen;pointer-events:none;z-index:1}@keyframes glitchHue{to{filter:hue-rotate(360deg) contrast(1.4) saturate(2) drop-shadow(3px 0 0 #00ffa3) drop-shadow(-3px 0 0 #ff2a6d)}}@keyframes glitchJit{50%{transform:translate(2px,-1px) skew(4deg)}}.glitch-row{border-color:#00ffa3!important;background:linear-gradient(90deg,#0b0620,#1a0a2e)!important;color:#c8ffe8}.glitch-row.secret{opacity:.75}.signal-console{position:absolute;left:50%;top:22%;transform:translate(-50%);width:min(340px,90vw);background:#04120c;border:2px solid #00ffa3;border-radius:12px;padding:12px;color:#00ffa3;font-family:ui-monospace,Menlo,monospace;display:flex;flex-direction:column;gap:8px;z-index:75;box-shadow:0 0 30px #00ffa359}.signal-console small{letter-spacing:2px}.signal-console input{flex:1;background:transparent;border:0;border-bottom:1px solid #00ffa3;color:#00ffa3;font:inherit;padding:4px;outline:none}.arc-pick{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -4px;scroll-snap-type:x mandatory;touch-action:pan-x}.arc-pick::-webkit-scrollbar{display:none}.arc-mon{flex:0 0 84px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:16px;border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff 0%,var(--c) 120%);box-shadow:0 3px 0 var(--ink);transition:transform .12s}.arc-mon img{width:62px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.arc-mon b{font:400 12px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.arc-mon.on{transform:translateY(-3px);border-color:var(--a);box-shadow:0 0 0 3px var(--ink),0 6px 0 var(--ink)}.arc-who{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:18px;border:3px solid var(--ink);background:linear-gradient(135deg,var(--c),#1d1530);color:#fff;margin-bottom:12px}.arc-who .grow{flex:1;min-width:0}.arc-who img{width:84px;height:84px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.arc-who b{display:block;font-size:20px;text-shadow:0 2px 0 var(--ink)}.arc-who .chip{font-size:11px;vertical-align:middle;background:var(--a);color:var(--ink)}.arc-who .muted{color:#ffffffbf;display:block;margin:2px 0 6px}.arc-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.arc-bars div{display:flex;align-items:center;gap:6px;font:400 11px Lilita One}.arc-bars span{width:34px;opacity:.85;letter-spacing:.3px}.arc-bars i{flex:1;height:7px;border-radius:4px;background:#ffffff2e;overflow:hidden}.arc-bars em{display:block;height:100%;border-radius:4px;background:var(--a)}.arc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:10px}.arc-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;min-height:148px;border-radius:18px;border:3px solid var(--ink);background:linear-gradient(160deg,#2a1466,#120634);color:#fff;box-shadow:0 4px 0 var(--ink),inset 0 0 0 2px color-mix(in srgb,var(--t) 45%,transparent);overflow:hidden;transition:transform .12s}.arc-card:active{transform:translateY(2px)}.arc-card:before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--t) 55%,transparent),transparent 70%)}.arc-card img{position:absolute;right:4px;top:6px;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.arc-card b{position:relative;margin-top:70px;font:400 19px Lilita One;text-shadow:0 2px 0 var(--ink)}.arc-card span{position:relative;font-size:12px;opacity:.75}.arc-card em{position:absolute;left:12px;top:10px;font:400 12px Lilita One;font-style:normal;color:var(--t)}.arc-card i{position:relative;margin-top:6px;display:inline-flex;align-items:center;gap:3px;font:400 11px Lilita One;font-style:normal;padding:2px 8px;border-radius:10px;background:#ffffff1f}.arc-card i.done{background:var(--green);color:var(--ink)}.arc-play{position:fixed;inset:0;z-index:90;background:#0a0418;color:#fff;touch-action:none;user-select:none}.arc-stage{position:absolute;inset:0}.arc-stage canvas{width:100%;height:100%;display:block}.arc-top{position:absolute;left:0;right:0;top:0;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));display:flex;align-items:center;gap:10px;pointer-events:none}.arc-top>*{pointer-events:auto}.arc-x{width:42px;height:42px;border-radius:14px;border:3px solid var(--ink);background:#ffffffeb;color:var(--ink);font:400 18px Lilita One;box-shadow:0 3px 0 var(--ink);flex:0 0 auto}.arc-title{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1}.arc-title b{font:400 14px Lilita One;opacity:.8;letter-spacing:.5px}.arc-title span{font:400 30px Lilita One;text-shadow:0 3px 0 rgba(0,0,0,.5);color:#fff}.arc-chips{position:absolute;top:calc(58px + var(--safe-t));left:12px;right:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;pointer-events:none}.arc-chips span{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:12px;background:#0a041899;border:1.5px solid rgba(255,255,255,.18);font:400 14px Lilita One}.arc-chips small{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.5px}.arc-acts{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(18px + var(--safe-b));display:flex;gap:10px}.arc-act{min-width:86px;height:64px;padding:0 14px;border-radius:22px;border:3px solid var(--ink);background:linear-gradient(180deg,#fff,#e9d9bf);color:var(--ink);font:400 16px Lilita One;box-shadow:0 4px 0 var(--ink);touch-action:none}.arc-act:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.arc-act.off{opacity:.45}.arc-act.ready{background:linear-gradient(180deg,#fff3b0,var(--gold));animation:arcPulse 1s ease-in-out infinite}@keyframes arcPulse{50%{box-shadow:0 4px 0 var(--ink),0 0 0 6px #ffcf3f59}}.arc-veil{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#07031a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:cineIn .25s ease-out}.arc-card-big{width:min(380px,100%);padding:18px 18px 16px;border-radius:24px;border:3px solid var(--ink);background:var(--panel);color:var(--ink);text-align:center;box-shadow:0 6px 0 var(--ink)}.arc-card-big img{width:120px;height:110px;object-fit:contain;margin:-70px auto 0;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.arc-card-big h3{margin:6px 0;font:400 28px Lilita One}.arc-card-big p{margin:0 0 10px;font-size:14px;line-height:1.4;color:var(--ink-2)}.arc-goal{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;padding:4px 12px;border-radius:12px;background:var(--panel-2);font:400 13px Lilita One}.arc-score{font:400 52px Lilita One;line-height:1;color:var(--purple-d)}.arc-rewards{display:flex;flex-direction:column;gap:6px;margin:12px 0 14px;font:400 14px Lilita One}.arc-rewards span{display:inline-flex;justify-content:center;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:var(--panel-2)}.arc-rewards .good{background:#d8f7e2;color:var(--green-d)}.arc-count{position:absolute;inset:0;display:grid;place-items:center;font:400 120px Lilita One;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.45);pointer-events:none;animation:arcCount .9s ease-out both}@keyframes arcCount{0%{transform:scale(1.8);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.2}}.kin-art.mirror img{filter:grayscale(1) contrast(1.15) brightness(1.12) sepia(.35) hue-rotate(125deg) saturate(1.9) drop-shadow(0 0 10px rgba(127,216,207,.85))}.kin-art.mirror:after{content:"";position:absolute;inset:10% 14%;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);background-size:260% 100%;animation:mirrorShine 2.4s ease-in-out infinite;mix-blend-mode:screen}@keyframes mirrorShine{0%{background-position:120% 0}to{background-position:-120% 0}}.npc-portrait{width:58px;height:58px;object-fit:contain;flex:none;margin:-18px 2px -4px -6px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.chapter-card .cine-title small{letter-spacing:2px}.arc-stick{display:none;position:absolute;left:0;top:0;width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:radial-gradient(circle,#ffffff0f,#ffffff29);pointer-events:none;box-shadow:0 0 0 1px #00000040,inset 0 0 18px #00000040}.arc-stick i{position:absolute;left:31px;top:31px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#d9cfff 70%);border:2px solid rgba(29,21,48,.5);box-shadow:0 4px 10px #00000059}.duel-result{position:absolute;left:calc(16px + var(--safe-l, 0px));right:calc(16px + var(--safe-r, 0px));bottom:calc(14px + env(safe-area-inset-bottom));margin:0 auto;max-width:520px;z-index:6;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.14)}@media (orientation: portrait){.cine.duel{padding-top:calc(env(safe-area-inset-top) + 38px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.cine.duel .cine-bars:before{height:28px}.cine.duel .cine-bars:after{height:0}.duel .duel-foe .kin-art,.duel .duel-me .kin-art{width:clamp(92px,20vh,180px)!important;height:clamp(92px,20vh,180px)!important}.duel .duel-kin .catch-ring{width:clamp(110px,24vh,200px);height:clamp(110px,24vh,200px);margin:calc(clamp(110px,24vh,200px)/-2) 0 0 calc(clamp(110px,24vh,200px)/-2)}.duel-foe,.duel-me{min-height:0}.duel-card{min-width:0;flex:0 1 auto;max-width:calc(100vw - 40px - clamp(92px,20vh,180px))}.duel-log{min-height:0;padding:8px 12px;font-size:14px}.move-btn{padding:8px 6px}.move-btn b{font-size:15px}}@media (orientation: portrait) and (max-height: 600px){.move-btn span{font-size:10px}.duel-log{font-size:13px;padding:6px 10px}.cine.duel{gap:4px}}@media (orientation: landscape) and (max-height: 520px){.isle-card,.npc-card{left:auto;right:calc(12px + var(--safe-r, 0px));bottom:calc(10px + var(--safe-b, 0px));transform:none;width:min(380px,46vw);padding:8px 10px;gap:8px;animation:cardSide .3s cubic-bezier(.2,.8,.2,1)}.isle-card b{font-size:16px;margin:0 0 4px}.isle-actions{flex-direction:row;flex-wrap:wrap}.isle-actions .btn{padding:6px 10px;font-size:13px}.npc-card p{font-size:13px;line-height:1.35}.npc-card .btn{padding:6px 10px}.objective{top:calc(52px + var(--safe-t, 0px));max-width:min(260px,34vw);padding:6px 10px}.objective b{font-size:12.5px}.story-hint{display:none}}@keyframes cardSide{0%{transform:translate(30px);opacity:0}}@media (orientation: landscape) and (max-height: 520px){.cine.duel{padding-top:calc(env(safe-area-inset-top) + 32px);padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.cine.duel .cine-bars:before{height:24px}.cine.duel .cine-bars:after{height:0}.duel .duel-foe .kin-art,.duel .duel-me .kin-art{width:clamp(64px,22vh,110px)!important;height:clamp(64px,22vh,110px)!important}.duel .duel-kin .catch-ring{width:130px;height:130px;margin:-65px 0 0 -65px}.duel-log{min-height:0;padding:6px 12px;font-size:13px}.duel-moves{grid-template-columns:repeat(3,1fr) minmax(0,auto)}.duel-moves .swap-row{grid-column:auto;flex-direction:column;justify-content:center;gap:4px}.duel-moves .swap-btn.run{margin-left:0;justify-content:center}.move-btn{padding:6px 8px}.move-btn b{font-size:14px}}.bfx{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.bfx-item{position:absolute;inset:0}.bfx-item i,.bfx-item b{position:absolute;display:block}.pj{left:0;top:0;animation:pjFly var(--t) cubic-bezier(.45,.05,.75,1) both;animation-delay:var(--d, 0ms)}@keyframes pjFly{0%{transform:translate(var(--x0),var(--y0)) scale(.45);opacity:.4}15%{opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(1.05);opacity:1}}.bfx-item.miss .pj{animation-name:pjMiss;animation-duration:calc(var(--t) * 1.6)}@keyframes pjMiss{0%{transform:translate(var(--x0),var(--y0)) scale(.45)}80%{opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(.8);opacity:0}}.pj.fireball{width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff7c2,#ffd23f 25%,#ff7a3d 55%,#ff3c1400 72%);filter:drop-shadow(0 0 14px #ff7a3d)}.pj.trail{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle,#ffb35a 0%,rgba(255,90,30,.7) 45%,transparent 70%);opacity:.8;scale:var(--s)}.pj.trail.drop{background:radial-gradient(circle,#e8fbff 0%,rgba(63,182,255,.7) 45%,transparent 70%)}.pj.water{width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#bdeeff 18%,#3fb6ff 55%,#1a6fb3);box-shadow:0 0 18px #3fb6ff,inset -4px -6px 10px #0a326e80}.pj.voidorb{width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:radial-gradient(circle,#0b0620 30%,#6b2fa3 62%,#9b6bff00 72%);box-shadow:0 0 22px #9b6bff}.pj.voidorb b{inset:-10px;border-radius:50%;border:3px solid #c9a6ff;border-left-color:transparent;border-right-color:transparent;animation:spin .35s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pj.rock{width:40px;height:36px;margin:-18px 0 0 -20px;border-radius:42% 58% 46% 54%/50% 44% 56% 50%;background:radial-gradient(circle at 35% 30%,#e0c49a,#b08a5a 45%,#6b4e2c);box-shadow:inset -5px -6px #00000040,0 6px 10px #00000059;animation-name:pjArc}@keyframes pjArc{0%{transform:translate(var(--x0),var(--y0)) rotate(0) scale(.6)}50%{transform:translate(var(--xm),var(--ym)) rotate(200deg) scale(1)}to{transform:translate(var(--x1),var(--y1)) rotate(400deg) scale(1.1)}}.pj.leaf{width:22px;height:12px;margin:calc(-6px + var(--o)) 0 0 -11px;border-radius:0 100%;background:linear-gradient(135deg,#b8ff9a,#3fae4a);box-shadow:0 0 8px #5fd068cc;animation-name:pjLeaf}@keyframes pjLeaf{0%{transform:translate(var(--x0),var(--y0)) rotate(0) scale(.5)}to{transform:translate(var(--x1),var(--y1)) rotate(900deg) scale(1)}}.bolt{position:absolute;inset:0;overflow:visible}.bolt polyline{fill:none;stroke:#fff7a0;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffd23f) drop-shadow(0 0 14px #ffd23f);opacity:0;animation:boltFlick .42s steps(1) both}.bolt .b1{stroke-width:2;animation-delay:60ms}.bolt .b2{stroke-width:2.5;stroke:#fff;animation-delay:.12s}@keyframes boltFlick{0%{opacity:1}22%{opacity:.2}38%{opacity:1}60%{opacity:.5}80%,to{opacity:0}}.imp{position:absolute;left:var(--x1);top:var(--y1);width:0;height:0}.imp>*{animation-delay:var(--t)}.imp .ring{left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:4px solid var(--c);box-shadow:0 0 16px var(--c);animation:impRing .5s ease-out both;animation-delay:var(--t)}.imp .ring.heal{animation-delay:0ms}@keyframes impRing{0%{transform:scale(.2);opacity:1}to{transform:scale(3.2);opacity:0}}.strong .imp .ring{border-width:6px;animation-name:impRingBig}@keyframes impRingBig{0%{transform:scale(.2);opacity:1}to{transform:scale(4.6);opacity:0}}.imp .pt{left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);animation:ptOut .6s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--t)}@keyframes ptOut{0%{transform:rotate(var(--a)) translate(0) scale(1.2);opacity:1}to{transform:rotate(var(--a)) translate(var(--r)) scale(.2);opacity:0}}.imp .slash{left:-46px;top:-6px;width:92px;height:12px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff 45%,#fff 55%,transparent);box-shadow:0 0 14px #fff;transform:rotate(-35deg);animation:slash .32s ease-out both;animation-delay:var(--t)}@keyframes slash{0%{transform:rotate(-35deg) scaleX(.1);opacity:1}60%{opacity:1}to{transform:rotate(-35deg) scaleX(1.3);opacity:0}}.imp .flame{left:calc(var(--x) - 9px);top:-10px;width:18px;height:30px;border-radius:50% 50% 45% 45%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 70%,#fff7c2 0%,#ffd23f 30%,#ff7a3d 60%,transparent 75%);animation:flameUp .7s ease-out both;animation-delay:calc(var(--t) + var(--d))}@keyframes flameUp{0%{transform:translateY(10px) scale(.4);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}.imp .droplet{left:calc(var(--x) - 5px);top:-5px;width:10px;height:14px;border-radius:50%/60% 60% 40% 40%;background:#9fe2ff;box-shadow:0 0 6px #3fb6ff;animation:dropArc .7s cubic-bezier(.3,.6,.6,1) both;animation-delay:var(--t)}@keyframes dropArc{0%{transform:translate(0);opacity:1}45%{transform:translate(calc(var(--x) * .8),calc(var(--h) * -1))}to{transform:translate(calc(var(--x) * 1.4),50px);opacity:0}}.imp .petal{left:-7px;top:-4px;width:14px;height:8px;border-radius:0 100%;background:linear-gradient(135deg,#d6ffb8,#4fcf6a);animation:petal .9s ease-out both;animation-delay:var(--t)}@keyframes petal{0%{transform:rotate(var(--a)) translate(0) rotate(0);opacity:1}to{transform:rotate(var(--a)) translate(70px) translateY(30px) rotate(540deg);opacity:0}}.imp .debris{left:-7px;top:-7px;width:14px;height:12px;border-radius:30% 60% 40% 50%;background:#9a7448;box-shadow:inset -2px -3px #0000004d;animation:debris .7s cubic-bezier(.2,.6,.5,1) both;animation-delay:var(--t)}@keyframes debris{0%{transform:rotate(var(--a)) translate(0);opacity:1}60%{opacity:1}to{transform:rotate(var(--a)) translate(80px) translateY(40px) rotate(300deg);opacity:0}}.imp .dust{left:-60px;top:-20px;width:120px;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(224,196,154,.8),transparent 70%);animation:dust .8s ease-out both;animation-delay:var(--t)}@keyframes dust{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.6) translateY(-14px);opacity:0}}.imp .implode{left:-70px;top:-70px;width:140px;height:140px;border-radius:50%;border:5px solid #c9a6ff;box-shadow:0 0 24px #9b6bff,inset 0 0 24px #9b6bff;animation:implode .55s cubic-bezier(.6,0,.9,.6) both;animation-delay:var(--t)}@keyframes implode{0%{transform:scale(1.1);opacity:.3}70%{opacity:1}to{transform:scale(0);opacity:0}}.imp .crackle{left:0;top:-2px;width:46px;height:4px;transform-origin:0 50%;background:linear-gradient(90deg,#fff,#ffd23f,transparent);box-shadow:0 0 8px #ffd23f;animation:crackle .35s steps(2) both;animation-delay:var(--t)}@keyframes crackle{0%{transform:rotate(var(--a)) scaleX(.3);opacity:1}to{transform:rotate(calc(var(--a) + 20deg)) scaleX(1.4);opacity:0}}.sparkle{left:-5px;top:-5px;width:10px;height:10px;background:#b9ffd0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 6px #6dff9a);animation:sparkle .9s ease-out both;animation-delay:var(--d)}@keyframes sparkle{0%{transform:rotate(var(--a)) translate(10px) scale(.4);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translate(44px) translateY(-40px) scale(1.1);opacity:0}}.bfx-call{left:0;top:-96px;transform:translate(-50%);white-space:nowrap;font:400 26px Lilita One;color:#ffe14a;text-shadow:0 3px 0 #2a1300,0 0 14px rgba(255,210,63,.8);animation:callPop .9s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--t)}.bfx-call.miss{color:#dcd3ff;text-shadow:0 3px 0 #1d1530;font-size:22px;animation-delay:calc(var(--t) * .8)}@keyframes callPop{0%{transform:translate(-50%) scale(.3);opacity:0}25%{transform:translate(-50%) scale(1.15);opacity:1}80%{opacity:1}to{transform:translate(-50%) translateY(-16px) scale(1);opacity:0}}.bfx-flash{position:absolute;inset:0;background:radial-gradient(circle at var(--x1) var(--y1),color-mix(in srgb,var(--c) 55%,transparent),transparent 60%);opacity:0;animation:bfxFlash .45s ease-out both;animation-delay:var(--t)}.strong .bfx-flash{animation-name:bfxFlashBig}@keyframes bfxFlash{0%{opacity:.55}to{opacity:0}}@keyframes bfxFlashBig{0%{opacity:.9}15%{opacity:.3}30%{opacity:.7}to{opacity:0}}.cine.bfx-shake{animation:bfxShake .4s ease-out}@keyframes bfxShake{10%{transform:translate(-7px,3px)}25%{transform:translate(6px,-4px)}40%{transform:translate(-4px,2px)}60%{transform:translate(3px,-1px)}80%{transform:translate(-1px,1px)}}.duel-me .duel-kin.lunge{animation:lungeMe .32s ease-out}.duel-foe .duel-kin.lunge{animation:lungeFoe .32s ease-out}@keyframes lungeMe{35%{transform:translate(28px,-18px) scale(1.06)}}@keyframes lungeFoe{35%{transform:translate(-28px,18px) scale(1.06)}}@media (prefers-reduced-motion: reduce){.cine.bfx-shake{animation:none}}.link-btn{display:block;width:100%;margin-top:10px;padding:6px 4px;font:700 13px Figtree,sans-serif;color:var(--purple-d);text-decoration:underline;text-underline-offset:3px;text-align:center}.wallet-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}.wallet-apps .btn{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;padding:10px 8px}.wallet-apps .btn small{font:600 11px Figtree,sans-serif;opacity:.75}.bw-card{margin:12px 0 4px;padding:14px;border-radius:18px;border:3px solid var(--ink);background:linear-gradient(160deg,#2a1466,#120634);color:#fff;text-align:center;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 0 var(--ink)}.bw-card small{font:700 11px Cinzel,serif;letter-spacing:2px;text-transform:uppercase;color:#ffd24a}.bw-addr{font:400 24px Lilita One;cursor:pointer}.bw-bal{font:400 34px Lilita One;color:#8cf7f0}.bw-card .muted{color:#ffffffb3}.bw-new{text-align:center}#biome-dynamic{position:relative;z-index:2147483000}@media (orientation: landscape) and (max-height: 520px){.hud-id{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 360px - var(--safe-l) - var(--safe-r))}.hud-id .isle-pill,.hud-id .shield-pill{margin-top:0}}.sel-title{display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-radius:14px;background:#1d1530b8;color:#fff;text-align:center}.sel-title b{font:400 17px Lilita One}.sel-title span{font-size:12px;opacity:.8}.row-ico{font-size:30px;line-height:1;color:var(--ink)}.profile-face{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 40%;background:radial-gradient(circle at 50% 35%,#fff,#c9b8ff 80%);border:2px solid var(--ink);margin-right:-6px;flex:none}.keeper-wrap{display:grid;grid-template-columns:minmax(170px,210px) 1fr;gap:14px;align-items:start}.keeper-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:20px;border:3px solid var(--ink);background:radial-gradient(circle at 50% 30%,#fff8ec,color-mix(in srgb,var(--hull) 45%,#c9b8ff));text-align:center}.keeper-preview img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3));flex:none}.kp-id{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.kp-id b{font-size:19px;line-height:1.1}.kp-id span{font-size:11.5px;color:var(--ink-2)}.kp-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.keeper-opts{display:flex;flex-direction:column;gap:8px;min-width:0}.kp-row{display:flex;align-items:center;gap:8px}.kp-row small{flex:none;width:56px;font:700 10.5px Cinzel,serif;letter-spacing:1px;text-transform:uppercase;color:var(--ink-2)}.keeper-opts .swatches{display:flex;flex-wrap:nowrap;gap:5px;min-width:0;flex:1}.keeper-opts .swatches .sw{width:auto;height:auto;flex:1 1 0;min-width:0;max-width:30px;aspect-ratio:1;border-radius:50%;border-width:2.5px}.sw{width:28px;height:28px;flex:none;border-radius:50%;border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.sw.on{outline:3px solid var(--gold);outline-offset:2px;transform:translateY(-1px)}@media (max-width: 560px){.keeper-wrap{grid-template-columns:1fr;gap:10px}.keeper-preview{flex-direction:row;text-align:left;padding:8px 10px}.keeper-preview img{width:104px;height:104px}.kp-id{align-items:flex-start}.kp-btns{justify-content:flex-start}.keeper-opts .swatches{gap:4px}}@media (orientation: landscape) and (max-height: 520px){.keeper-preview img{width:110px;height:110px}.keeper-opts{gap:5px}.keeper-opts .swatches .sw{max-width:26px}}.duel-me .duel-kin{margin-left:clamp(36px,7vh,70px);z-index:1}.trainer{position:absolute;z-index:0;width:clamp(78px,15vh,140px);pointer-events:none;display:flex;flex-direction:column;align-items:center}.trainer img{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.trainer b{margin-top:-6px;padding:1px 8px;border-radius:8px;background:#0a061eb3;font:400 11px Lilita One;white-space:nowrap;max-width:120%;overflow:hidden;text-overflow:ellipsis}.trainer.me{left:-14px;bottom:-12px}.trainer.foe{right:-10px;top:-10px;opacity:.92;min-width:0;padding:0;background:none;border-radius:0}.duel-foe .duel-kin{margin-right:clamp(26px,5vh,54px);z-index:1}.trainer-say{position:absolute;bottom:100%;left:8px;margin-bottom:4px;max-width:min(240px,62vw);padding:6px 10px;border-radius:14px;background:#fff8ec;color:var(--ink);border:2px solid var(--ink);font:400 13px Lilita One;white-space:normal;z-index:3;animation:sayPop .25s cubic-bezier(.2,1.5,.4,1) both;box-shadow:0 3px #00000040}.trainer-say:after{content:"";position:absolute;left:22px;bottom:-8px;border:7px solid transparent;border-top-color:var(--ink);border-bottom:0}@keyframes sayPop{0%{transform:scale(.4) translateY(10px);opacity:0}}.trainer.pose-in img{animation:trIn .55s cubic-bezier(.2,.9,.3,1.2) both}@keyframes trIn{0%{transform:translate(-80%) rotate(-8deg);opacity:0}}.trainer.pose-command img{animation:trCommand .45s ease-out}@keyframes trCommand{40%{transform:translate(14px) rotate(6deg) scale(1.06)}}.trainer.pose-ready img{transform:translate(-6px) rotate(-10deg);transition:transform .25s}.trainer.pose-throw img{animation:trThrow .5s cubic-bezier(.3,1.4,.5,1)}@keyframes trThrow{0%{transform:translate(-8px) rotate(-14deg)}45%{transform:translate(22px) rotate(12deg) scale(1.08)}}.trainer.pose-cheer img{animation:trCheer .5s ease-in-out 3}@keyframes trCheer{50%{transform:translateY(-16px) scale(1.05)}}.trainer.pose-slump img{transform:translateY(8px) rotate(-6deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.45)) saturate(.6) brightness(.85);transition:transform .4s,filter .4s}.trainer.foe.pose-cheer img{animation:trCheer .5s ease-in-out 3}@media (orientation: landscape) and (max-height: 520px){.trainer{width:clamp(60px,22vh,100px)}.duel-me .duel-kin{margin-left:clamp(30px,10vh,50px)}}.genesis-strip{display:flex;gap:6px;overflow-x:auto;padding:8px 0 10px;width:100%;touch-action:pan-x}.genesis-strip::-webkit-scrollbar{display:none}.genesis-strip figure{flex:0 0 auto;margin:0;width:84px;text-align:center;padding:4px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff8ec,#c9b8ff 120%);border:2px solid var(--ink)}.genesis-strip img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.3))}.genesis-strip figcaption{font:400 11px Lilita One}.share-x{display:inline-flex;align-items:center;justify-content:center;gap:6px}.share-card{border:3px solid var(--ink);border-radius:18px;overflow:hidden;background:#120634;color:#fff;box-shadow:0 4px 0 var(--ink)}.share-card img{width:100%;display:block;aspect-ratio:1200 / 630;object-fit:cover}.share-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.share-meta b{font:400 17px Lilita One}.share-meta span{font-size:13px;opacity:.85}.share-meta small{font-size:11px;opacity:.55}.share-label{display:block;margin:12px 0 4px;font:700 11px Cinzel,serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-2)}.share-text{width:100%;border-radius:14px;border:2px solid var(--ink);padding:10px 12px;font-size:15px;resize:vertical;margin-bottom:10px;background:#fff;color:var(--ink)}.board-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;touch-action:pan-x}.board-tabs::-webkit-scrollbar{display:none}.board-tabs .chip{flex:none;cursor:pointer}.board-tabs .chip.on{background:var(--purple);color:#fff;border-color:var(--ink)}.board-tabs.games .chip{font-size:12px}.board-brag{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px;background:linear-gradient(90deg,#fff3b0,var(--panel))}.board-me{margin-top:8px;border-top:2px dashed var(--line)}.skymap{position:absolute;top:calc(58px + var(--safe-t, 0px));right:calc(12px + var(--safe-r, 0px));width:112px;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}.skymap canvas{width:112px;height:112px;border-radius:50%;display:block;box-shadow:0 6px 18px #00000073,0 0 0 1px #0a061e99}.skymap span{font:800 10.5px system-ui,sans-serif;letter-spacing:.5px;color:#fff;text-shadow:0 1px 0 rgba(5,3,12,.9),0 0 6px rgba(5,3,12,.8);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.skymap:active canvas{transform:scale(.96)}.story .weather-chip{top:calc(58px + 134px + var(--safe-t, 0px))}.story .objective{max-width:min(330px,calc(100vw - 160px - var(--safe-l, 0px) - var(--safe-r, 0px)))}.skychart{position:absolute;inset:0;z-index:20;background:#05030c9e;display:flex;align-items:center;justify-content:center;padding:calc(10px + var(--safe-t, 0px)) calc(10px + var(--safe-r, 0px)) calc(10px + var(--safe-b, 0px)) calc(10px + var(--safe-l, 0px));animation:chartIn .2s ease}@keyframes chartIn{0%{opacity:0}}.skychart-card{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;gap:8px;background:#0e0826f5;border:2px solid rgba(255,210,74,.5);border-radius:20px;padding:12px;color:#f3ecff;box-shadow:0 16px 40px #00000080}.skychart-side{display:contents}.skychart-head{order:-1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.skychart-head b{font-size:20px}.skychart-head small{grid-column:1;grid-row:2;font-size:12px;opacity:.85}.skychart-head .round-x{grid-column:2;grid-row:1 / span 2}.skychart-canvas{width:100%;aspect-ratio:1;max-height:calc(100dvh - 190px - var(--safe-t, 0px) - var(--safe-b, 0px));min-height:0;border-radius:14px;background:radial-gradient(circle,#1d1150,#0b0620 75%);touch-action:none;display:block}.skychart-key{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;font-weight:700;opacity:.9}.skychart-key span{display:inline-flex;align-items:center;gap:5px}.skychart-key i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.k-you{background:#fff;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);border-radius:0!important}.k-goal{border:2px solid #ffd24a;background:#ffd24a55}.k-pin{border:2px solid #7fe0ff;background:#7fe0ff55}.k-town{background:#7fd36b;border:1.5px solid #fff;border-radius:3px!important}.k-home{background:#ffd24a;transform:rotate(45deg) scale(.85);border-radius:1px!important}.k-isle{background:#5fd0ff}.k-held{background:#28102a;border:1.5px solid #ff3d6e}.k-npc{background:#c2185b;border:1.5px solid #f3ecff}@media (orientation: landscape) and (max-height: 520px){.skymap{top:calc(50px + var(--safe-t, 0px));width:92px}.skymap canvas{width:92px;height:92px}.story .weather-chip{top:calc(50px + 112px + var(--safe-t, 0px))}.skychart-card{flex-direction:row;width:auto;max-width:100%;height:100%;align-items:stretch}.skychart-canvas{height:100%;width:auto;max-height:none;aspect-ratio:1}.skychart-side{display:flex;flex-direction:column;gap:10px;width:min(220px,34vw)}.skychart-head{grid-template-columns:1fr auto}}@media (orientation: landscape) and (max-height: 560px){.cine.duel{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,33vw,310px);grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"foe ctl" "me ctl" "log ctl";column-gap:14px;row-gap:4px;align-items:stretch;justify-items:stretch;padding:calc(env(safe-area-inset-top) + 28px) calc(var(--safe-r, 0px) + 12px) calc(env(safe-area-inset-bottom) + 10px) calc(var(--safe-l, 0px) + 12px)}.cine.duel .cine-bars:before{height:20px}.cine.duel .cine-bars:after{height:0}.cine.duel>.duel-intro,.cine.duel>.wild-reveal{grid-column:1 / -1;grid-row:1 / -1}.cine.duel .duel-foe{grid-area:foe;max-width:none;align-self:start}.cine.duel .duel-me{grid-area:me;max-width:none;align-self:end}.cine.duel .duel-log{grid-area:log;max-width:none;min-height:0;padding:6px 12px;font-size:13px;line-height:1.3}.cine.duel .duel-moves{grid-area:ctl;max-width:none;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.cine.duel .duel-moves .move-btn{flex:1 1 0;min-height:44px;max-height:62px;justify-content:center;padding:4px 12px}.cine.duel .duel-moves .move-btn b{font-size:15px}.cine.duel .duel-moves .swap-row{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:6px}.cine.duel .duel-moves .swap-btn{min-height:42px;flex:1 1 auto;justify-content:center}.cine.duel .duel-moves .swap-btn.run{margin-left:0;flex:0 1 auto}.cine.duel .duel-moves>.btn.big{flex:1;max-height:150px;font-size:24px;justify-content:center}.duel .duel-foe .kin-art,.duel .duel-me .kin-art{width:clamp(96px,44vh,210px)!important;height:clamp(96px,44vh,210px)!important;margin:-7vh 0}.cine.duel .duel-card{min-width:0;max-width:52%;padding:6px 10px;font-size:15px}.cine.duel .duel-card small{font-size:11px}.cine.duel .duel-result{left:auto;right:calc(12px + var(--safe-r, 0px));width:clamp(220px,33vw,310px);bottom:calc(10px + env(safe-area-inset-bottom));max-height:calc(100% - 40px);overflow:auto;padding:12px 14px}.cine.duel .duel-result b{font-size:22px}}.swap-btn{min-height:44px}.duel-result .btn.big{min-height:48px}@media (orientation: landscape) and (max-height: 520px){.play-menu{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.play-card{padding:10px 12px}.play-card b{font-size:18px}.play-card span{font-size:12.5px}}.guide-x:before{content:"";position:absolute;inset:-11px}@media (orientation: landscape) and (max-height: 520px){.arc-veil{padding:calc(10px + var(--safe-t)) calc(16px + var(--safe-r)) calc(10px + var(--safe-b)) calc(16px + var(--safe-l));overflow:auto}.arc-card-big{width:min(560px,100%);padding:12px 16px}.arc-card-big:has(>img){display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:14px;align-items:center;text-align:left}.arc-card-big:has(>img)>*{grid-column:2}.arc-card-big>img{grid-column:1;grid-row:1 / span 8;width:100px;height:100px;margin:0;align-self:center}.arc-card-big h3{font-size:22px;margin:0 0 4px}.arc-card-big p{font-size:13px;margin:0 0 8px}}.ticker .btn.sm.green,.ticker .btn.sm.red{min-width:44px;min-height:40px;font-size:16px}.mg{position:fixed;inset:0;z-index:60;color:#fff;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:radial-gradient(120% 70% at 50% 0%,#4a2ab8,#1d1150 55%,#0b0620);animation:fadein .15s}.mg-top{display:flex;align-items:center;gap:10px;flex:none}.mg-title{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1}.mg-title b{font:400 28px Lilita One;text-shadow:0 3px 0 rgba(0,0,0,.45)}.mg-title span{font:400 13px Lilita One;color:#ffd24a;margin-top:3px}.mg-modes{width:min(640px,100%);margin:0 auto;display:flex;flex-direction:column;gap:12px}.mg-hero{text-align:center}.mg-hero p{margin:6px 0 0;font-size:14px;line-height:1.4;color:#e3dcff}.mg-chain{display:flex;justify-content:center}.mg-chain img{width:clamp(30px,9vw,52px);height:clamp(30px,9vw,52px);object-fit:contain;margin:0 -3px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.mg-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mg-mode{text-align:left;border-radius:18px;padding:12px 14px;color:#fff;border:2px solid rgba(0,0,0,.3);box-shadow:0 5px #0a041e73;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-height:96px}.mg-mode b{font:400 24px Lilita One;text-shadow:0 2px 0 rgba(0,0,0,.3)}.mg-mode em{font-style:normal;font:400 13px Lilita One;color:#ffe27a}.mg-mode span{font-size:12.5px;line-height:1.35;opacity:.92}.mg-mode.chill{background:linear-gradient(135deg,#1f8a7a,#2b4ea8)}.mg-mode.classic{background:linear-gradient(135deg,#5b3aa8,#8a5cf0)}.mg-mode.hazard{background:linear-gradient(135deg,#c2412c,#a3123f 45%,#1f6fa8)}.mg-mode.hardest{background:linear-gradient(135deg,#2a0a1a,#8a1030 55%,#c98a00)}.mg-goals{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mg-goals span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 4px;border-radius:99px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);font:400 13px Lilita One}.mg-goals span.done{background:#7dffa82e;border-color:#7dffa880}.mg-goals img{width:26px;height:26px;object-fit:contain}.mg-goals i{font-style:normal;display:inline-flex;align-items:center;gap:2px;font-size:12px;color:#ffe27a;margin-left:2px}.mg-goals.small span{font-size:11.5px;padding:2px 8px 2px 2px}.mg-goals.small img{width:20px;height:20px}img.prism{filter:drop-shadow(0 0 6px #fff) hue-rotate(0deg);animation:prismHue 3s linear infinite}@keyframes prismHue{to{filter:drop-shadow(0 0 6px #fff) hue-rotate(360deg)}}.mg-play{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px}.mg-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mg-stats span{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:12px;background:#0a04188c;border:1.5px solid rgba(255,255,255,.18);font:400 20px Lilita One}.mg-stats small{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.5px}.mg-stats .low{color:#ff8f8f;border-color:#ff5a5a;animation:lowPulse .8s ease-in-out infinite alternate}@keyframes lowPulse{to{transform:scale(1.06)}}.mg-arena{position:relative;padding:14px;flex:none;width:min(calc(100vw - 24px - var(--safe-l) - var(--safe-r)),calc(100dvh - 330px - var(--safe-t) - var(--safe-b)),480px);min-width:240px;aspect-ratio:1}.mg-wall{position:absolute;border-radius:6px;background:#ffffff12;display:grid;place-items:center;font:400 9px Lilita One;letter-spacing:2px;color:#fff;transition:background .2s,box-shadow .2s}.mg-wall.left,.mg-wall.right{top:18px;bottom:18px;width:10px;writing-mode:vertical-rl}.mg-wall.left{left:0}.mg-wall.right{right:0}.mg-wall.up,.mg-wall.down{left:18px;right:18px;height:10px}.mg-wall.up{top:0}.mg-wall.down{bottom:0}.mg-wall.lava{background:linear-gradient(90deg,#ff3d1f,#ffb01f,#ff3d1f);background-size:200% 100%;animation:lavaFlow 1s linear infinite;box-shadow:0 0 14px #ff5a1f,0 0 30px #ff5a1f80}.mg-wall.ice{background:linear-gradient(90deg,#bff7ff,#5fd0ff,#fff);box-shadow:0 0 14px #7fe0ff,0 0 30px #7fe0ff80;color:#06253a}@keyframes lavaFlow{to{background-position:200% 0}}.mg-board{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:9px;border-radius:20px;background:linear-gradient(180deg,#3a20a8,#1c0f55);border:3px solid var(--ink);box-shadow:0 6px #0000004d,inset 0 0 30px #9b6bff59;touch-action:none;user-select:none;-webkit-user-select:none;transition:box-shadow .2s,filter .2s}.mg-cell{border-radius:14px;background:#ffffff14;position:relative;min-width:0;min-height:0}.mg-tile{position:absolute;inset:0;border-radius:14px;border:2.5px solid var(--ink);box-shadow:0 4px #0000004d;display:grid;place-items:center;overflow:hidden}.mg-tile img{width:90%;height:90%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.mg-tile span{position:absolute;top:2px;left:6px;font:400 13px Lilita One;color:#fff;text-shadow:0 1.5px 0 var(--ink)}.mg-tile.in{animation:tile-in .16s ease-out}.mg-tile.pop{animation:tile-pop .22s ease-out}.mg-tile.prism{border-color:#fff;box-shadow:0 0 18px #fff,0 4px #0000004d;animation:prismHue 3s linear infinite}.mg-arena.hit-lava .mg-board{animation:hitShake .38s;box-shadow:0 0 30px #ff5a1f,inset 0 0 40px #ff5a1f99}.mg-arena.hit-freeze .mg-board,.mg-arena.frozen .mg-board{box-shadow:0 0 24px #7fe0ff,inset 0 0 50px #bff7ffbf;filter:saturate(.7) brightness(1.06)}.mg-frost{position:absolute;left:10px;right:10px;bottom:10px;padding:6px 10px;border-radius:12px;background:#bff7ffeb;color:#06253a;font:400 14px Lilita One;text-align:center;pointer-events:none}.mg-over{position:absolute;inset:0;border-radius:18px;background:#120a3dd1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:12px}.mg-over b{font:400 34px Lilita One}.mg-over>span{font:400 22px Lilita One;color:#ffd24a}.mg-side{width:min(100%,480px);display:flex;flex-direction:column;align-items:center;gap:8px}.mg-line{margin:0;min-height:2.7em;text-align:center;font-size:13px;line-height:1.35;color:#e8dcff}.mg-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,44px);gap:6px}.mg-arrow{border-radius:12px;border:2px solid var(--ink);background:#f3ecff;color:var(--ink);font-size:18px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.mg-arrow:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.mg-arrow.up{grid-column:2;grid-row:1}.mg-arrow.left{grid-column:1;grid-row:2}.mg-arrow.down{grid-column:2;grid-row:2}.mg-arrow.right{grid-column:3;grid-row:2}.mg-arrow.lava{background:linear-gradient(180deg,#ffb01f,#ff3d1f);color:#fff}.mg-arrow.ice{background:linear-gradient(180deg,#fff,#7fe0ff)}@media (orientation: landscape) and (max-height: 520px){.mg{gap:4px;padding-top:calc(6px + var(--safe-t))}.mg-title b{font-size:22px}.mg-mode-grid{grid-template-columns:repeat(4,1fr)}.mg-mode{min-height:0;padding:10px 12px}.mg-mode b{font-size:20px}.mg-play{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"arena stats" "arena side";align-items:start;justify-items:center;column-gap:16px}.mg-arena{grid-area:arena;width:calc(100dvh - 70px - var(--safe-t) - var(--safe-b));min-width:200px}.mg-stats{grid-area:stats}.mg-side{grid-area:side;align-self:center}.mg-pad{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,50px)}}.moncade-btn{background:linear-gradient(180deg,#d9c8ff,#a98bff);box-shadow:0 4px #6b4fc0}.moncade-btn img{width:46px;height:46px;object-fit:contain;margin-top:-6px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));pointer-events:none}.mg .muted{color:#ffffffb3}.share-layer{position:fixed;inset:0;z-index:200}.rw{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.rw-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.rw-head b{font-size:20px}.rw p{margin:0}.rw-link{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:#fff3b0;border:2px dashed var(--ink);font-weight:700;font-size:13px}.rw-me{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:14px;background:var(--ink);color:#fff}.rw-me big{font:400 26px Lilita One;color:var(--gold)}.rw-me span{font-size:13px;opacity:.9}.rw-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.rw-chips span{display:flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:12px;background:var(--panel-2, rgba(0,0,0,.05));border:2px solid var(--line);font-size:12.5px}.rw-chips b{font:400 16px Lilita One}.rw-chips i{margin-left:auto;font-style:normal;font-weight:800;color:#1f8a3b}.rw-nfts,.rw-hist{display:flex;flex-direction:column;gap:6px}.rw-nfts small,.rw-hist small{font:700 10.5px Cinzel,serif;letter-spacing:1px;text-transform:uppercase;color:var(--ink-2)}.rw-nft{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;border:2px solid var(--line);background:#fff}.rw-nft b{display:block;font-size:14px}.rw-nft span{font-size:11.5px;color:var(--ink-2)}.rw-bal{font:400 15px Lilita One;white-space:nowrap}.rw-hist div{display:flex;align-items:center;gap:8px;font-size:13px}.rw-hist div span{flex:1}.rw .fine,.rw-owner .fine{font-size:11.5px;color:var(--ink-2);line-height:1.4;margin:0}.sh-bar{height:10px;border-radius:99px;background:#0000001a;overflow:hidden;border:1.5px solid var(--line)}.sh-bar i{display:block;height:100%;border-radius:inherit}.face-wrap{position:relative;flex:none;margin-right:2px}.face-wrap .profile-face{margin-right:0}.profile .face-wrap .lvl{position:absolute;right:-5px;bottom:-4px;width:20px;height:20px;border-radius:50%;font-size:11.5px;border-width:1.5px;box-shadow:0 1px #00000059}@media (orientation: portrait){body:before{content:"";position:fixed;left:0;right:0;top:0;height:calc(env(safe-area-inset-top,0px) + 6px);z-index:300;pointer-events:none;background:linear-gradient(180deg,#0b0620 0 calc(100% - 6px),#0b062000)}@supports not (top: env(safe-area-inset-top)){body:before{display:none}}}.sparks-bar{position:relative}.sparks-bar .plus{position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#4be0a8;color:var(--ink);border:2px solid var(--ink);font:400 14px/14px Lilita One;font-style:normal;display:grid;place-items:center}.gs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gs-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;border-radius:18px;border:3px solid var(--ink);background:radial-gradient(circle at 50% 20%,#e9fff5,#b8f0d8);box-shadow:0 4px 0 var(--ink)}.gs-card b{font-size:26px;line-height:1}.gs-card>span{font-size:12px;color:var(--ink-2);margin-top:-4px}.gs-card em{position:absolute;top:-10px;right:-6px;font-style:normal;font:400 12px Lilita One;padding:2px 8px;border-radius:99px;background:#ff5fd2;color:#fff;border:2px solid var(--ink)}.gs-spend .section-title:first-child{margin-top:0}.gs-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:2px solid var(--line);background:#fff;margin-bottom:8px}.gs-row b{display:block;font-size:14.5px}.gs-row span{font-size:12px;color:var(--ink-2)}.gs-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.gs-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:14px;border:2.5px solid var(--ink);background:#fff8ec;box-shadow:0 3px 0 var(--ink);cursor:pointer;text-align:center}.gs-tile b{font:400 15px Lilita One}.gs-tile span{font-size:12px;display:inline-flex;align-items:center;gap:3px;color:var(--ink-2)}.gs-tile:disabled{opacity:.5;cursor:default}.gs-tile.lure-surge{background:linear-gradient(180deg,#e8fbff,#b6eaff)}.gs-tile.lure-prism{background:linear-gradient(135deg,#ffe0f4,#e0f5ff,#efffe0)}.gs-tile.res-nectar{background:linear-gradient(180deg,#fff6d6,#ffe08a)}.gs-tile.res-shards{background:linear-gradient(180deg,#f1e8ff,#d4c2ff)}.gs-tile.cos i{width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.gs-spend .fine,.gs-grid+.fine{font-size:11.5px;color:var(--ink-2);line-height:1.4;margin-top:10px}