@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}: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:100%;overflow:hidden;background:#6c58f0}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:54px;height:54px;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:44px;height:44px;object-fit:contain;margin:-2px 8px 0 -4px}.onboard{position:absolute;inset:0;z-index:50;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 50% 30%,#b8a8ff,#7b62f2 38%,#3c22a8 72%,#1c0f55);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:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 62%,rgba(255,224,102,.22),transparent 70%);pointer-events:none}.onboard canvas.showcase{position:absolute;inset:0;width:100%;height:100%;display:block}.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 6px 0 rgba(20,8,60,.45))}.logo text{font-family:Lilita One,sans-serif;paint-order:stroke fill;stroke-linejoin:round}.lg-word text{font-size:214px;fill:#fff;stroke:#120a3d;stroke-width:22px;letter-spacing:2px}.lg-word text.lg-shade{fill:#120a3d}.lg-tag{font-size:34px;letter-spacing:5px;fill:#3a2200}.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}.profile .lvl{width:34px;height:34px;font-size:16px}.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}.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}}