@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-da-2-bengali-500-normal-ukDS1y01.woff2) format("woff2"),url(./baloo-da-2-bengali-500-normal-CpVy4A3x.woff) format("woff");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-da-2-vietnamese-500-normal-DYIHpkda.woff2) format("woff2"),url(./baloo-da-2-vietnamese-500-normal-BQl_BQTd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-da-2-latin-ext-500-normal-BgPMm2Bs.woff2) format("woff2"),url(./baloo-da-2-latin-ext-500-normal-BmBhhwqn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-da-2-latin-500-normal-DT3J4thL.woff2) format("woff2"),url(./baloo-da-2-latin-500-normal-CAjunI6A.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-da-2-bengali-700-normal-CJEL-AzR.woff2) format("woff2"),url(./baloo-da-2-bengali-700-normal-DI4hPllV.woff) format("woff");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-da-2-vietnamese-700-normal-DEA-Tq1i.woff2) format("woff2"),url(./baloo-da-2-vietnamese-700-normal-CxrS_cpK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-da-2-latin-ext-700-normal-DbjguSZD.woff2) format("woff2"),url(./baloo-da-2-latin-ext-700-normal-UphX9hDM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-da-2-latin-700-normal-C2CKXX8q.woff2) format("woff2"),url(./baloo-da-2-latin-700-normal-BnQbmfZQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-da-2-bengali-800-normal-DvgZDpf7.woff2) format("woff2"),url(./baloo-da-2-bengali-800-normal-CLag_1Y8.woff) format("woff");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-da-2-vietnamese-800-normal-CvbV1KsI.woff2) format("woff2"),url(./baloo-da-2-vietnamese-800-normal-CnHqkuRL.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-da-2-latin-ext-800-normal-CPmjN4nL.woff2) format("woff2"),url(./baloo-da-2-latin-ext-800-normal-CsNRkeoc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Da 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-da-2-latin-800-normal-BAYaxQpZ.woff2) format("woff2"),url(./baloo-da-2-latin-800-normal-uMyMSzkk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy: #14224a;--navy2: #1d3170;--navy3: #0b1430;--gold: #ffc93c;--gold2: #ff9f1c;--red: #ff3b4f;--green: #2bd46a;--blue: #2f7bff;--paper: #fff8e7;--ink: #1b2a6b;--txt: #ffffff;--muted: #a9b6e3;--r: 18px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--fs: clamp(13px, 1.6vmin + 6px, 20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0b1430;color:var(--txt);font-family:"Baloo Da 2",system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}html,body{position:fixed;inset:0;width:100%;height:100%;height:100dvh}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}.layer-pass{pointer-events:none!important}.layer-pass>*{pointer-events:auto}#boot{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2a3f86,#14224a 55%,#0b1430);transition:opacity .5s}#boot.hide{opacity:0;pointer-events:none}.boot-bar{width:min(70vw,360px);height:16px;border-radius:10px;background:#0b1430;border:3px solid #ffffff22;overflow:hidden;margin-top:26px}.boot-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:8px;transition:width .25s}.boot-tip{margin-top:14px;color:var(--muted);font-size:.85em;text-align:center;padding:0 20px}.logo{text-align:center;line-height:.85;filter:drop-shadow(0 8px 0 rgba(0,0,0,.25))}.logo .l1{font-weight:800;font-size:clamp(42px,10vmin,96px);letter-spacing:1px;color:var(--gold);-webkit-text-stroke:3px #3a1d00;paint-order:stroke fill;text-shadow:0 5px 0 #b35f00,0 9px 0 #3a1d00}.logo .l1 .t2{color:#fff;text-shadow:0 5px 0 #8a9bd6,0 9px 0 #3a1d00}.logo .l2{display:inline-block;margin-top:6px;font-weight:800;font-size:clamp(20px,4.8vmin,40px);color:#fff;background:var(--red);padding:0 16px 2px;border-radius:12px;border:3px solid #3a1d00;transform:rotate(-3deg);box-shadow:0 5px #3a1d00}.logo .pen-svg{width:clamp(120px,26vmin,240px);margin:0 auto -6px;display:block;transform:rotate(-8deg)}.btn{--c1: #ffd75e;--c2: #ffaa1c;--sh: #b35f00;--tc: #3a1d00;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.6em;padding:.25em 1.2em .15em;border:3px solid #1a0f00;border-radius:var(--r);background:linear-gradient(180deg,var(--c1),var(--c2));color:var(--tc);font:800 1.05em/1 "Baloo Da 2",system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 6px 0 var(--sh),0 9px #1a0f00,inset 0 3px #ffffff8c;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .15s;outline:none}.btn:after{content:"";position:absolute;left:10%;right:10%;top:5px;height:32%;border-radius:99px;background:#ffffff59;pointer-events:none}.btn:hover{filter:brightness(1.06)}.btn:active,.btn.press{transform:translateY(5px);box-shadow:0 1px 0 var(--sh),0 4px #1a0f00,inset 0 3px #ffffff73}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.green{--c1: #5cf08f;--c2: #1fb653;--sh: #0b6b2c;--tc: #06331a}.btn.blue{--c1: #6aa8ff;--c2: #2f6bff;--sh: #183c99;--tc: #fff}.btn.blue,.btn.red,.btn.purple,.btn.dark{text-shadow:0 2px 0 rgba(0,0,0,.35)}.btn.red{--c1: #ff7a86;--c2: #ff2f45;--sh: #9a1020;--tc: #fff}.btn.purple{--c1: #c48bff;--c2: #8f45ff;--sh: #4b1a99;--tc: #fff}.btn.dark{--c1: #3a4f96;--c2: #24376f;--sh: #0e1a3d;--tc: #fff}.btn.small{min-height:2.1em;font-size:.9em;padding:.2em .9em .1em;border-radius:14px}.btn.big{min-height:3em;font-size:1.35em;padding:.25em 1.6em .15em}.btn.icon{width:2.8em;height:2.8em;min-height:0;padding:0;border-radius:50%}.btn.icon svg{width:58%;height:58%}.btn[disabled]{filter:grayscale(.8) brightness(.8);pointer-events:none}.btn svg{width:1.2em;height:1.2em;flex:none}.panel{background:linear-gradient(180deg,#24397c,#14224a);border:3px solid #0a1230;border-radius:22px;box-shadow:0 8px #0a1230,inset 0 2px #ffffff2e,0 18px 40px #00000059;padding:16px}.paper{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,transparent 38px,#ff8a8a 38px,#ff8a8a 40px,transparent 40px),repeating-linear-gradient(180deg,transparent 0,transparent 27px,#b9d4ff 27px,#b9d4ff 28px);border:3px solid #3a2a10;border-radius:16px;box-shadow:0 7px #3a2a10,0 16px 34px #00000059}.title-tag{display:inline-block;font-weight:800;font-size:1.5em;color:#fff;background:var(--red);padding:.05em .7em 0;border-radius:14px;border:3px solid #1a0f00;box-shadow:0 5px #1a0f00;transform:rotate(-2deg);text-transform:uppercase}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));animation:scrIn .28s cubic-bezier(.2,1.4,.4,1)}.screen.dim{background:radial-gradient(circle at 50% 40%,#0a143059,#050a1ed1)}@keyframes scrIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1}.center{justify-content:center;align-items:center}.muted{color:var(--muted)}.hdr{width:100%;max-width:980px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.hdr h2{margin:0;flex:1;text-align:center;font-weight:800;font-size:1.6em;text-shadow:0 3px 0 rgba(0,0,0,.35);text-transform:uppercase}.topbar{width:100%;display:flex;align-items:center;gap:8px;justify-content:space-between}.profile-chip{display:flex;align-items:center;gap:8px;background:#0a1230bf;border:2px solid #ffffff22;border-radius:99px;padding:4px 14px 4px 4px;cursor:pointer}.profile-chip .avatar{width:2.6em;height:2.6em}.lvl{font-weight:800;line-height:1}.xpbar{width:90px;height:7px;background:#0b1430;border-radius:9px;overflow:hidden;margin-top:3px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#6af,#2bd46a)}.pill{display:inline-flex;align-items:center;gap:6px;background:#0a1230bf;border:2px solid #ffffff22;border-radius:99px;padding:4px 14px 2px 6px;font-weight:800;font-size:1.05em}.coin{width:1.4em;height:1.4em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffc93c 45%,#c47a00);border:2px solid #6b3d00;display:inline-flex;align-items:center;justify-content:center;font-size:.75em;color:#6b3d00;font-weight:800}.coin:before{content:"৳"}.menu-main{flex:1;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,560px)}.tile{position:relative;display:flex;align-items:center;gap:10px;min-height:4.2em;padding:10px 14px;cursor:pointer;text-align:left;border-radius:20px;border:3px solid #0a1230;color:#fff;font-family:inherit;background:linear-gradient(180deg,var(--t1, #3d5bc4),var(--t2, #213a8f));box-shadow:0 6px #0a1230,inset 0 3px #ffffff40;transition:transform .08s,box-shadow .08s}.tile:active{transform:translateY(5px);box-shadow:0 1px #0a1230,inset 0 3px #ffffff40}.tile .ic{width:2.6em;height:2.6em;flex:none;display:grid;place-items:center;background:#ffffff2e;border-radius:14px}.tile .ic svg{width:70%;height:70%}.tile b{display:block;font-size:1.12em;font-weight:800;line-height:1.05;text-transform:uppercase}.tile small{display:block;color:#fffc;font-size:.78em;line-height:1.1}.tile.hero{grid-column:span 2;min-height:5.2em;--t1: #ffd75e;--t2: #ff9f1c;color:#3a1d00}.tile.hero small{color:#6b3d00}.tile.hero b{font-size:1.5em}.tile.green{--t1: #3fdc7a;--t2: #13994a}.tile.red{--t1: #ff6577;--t2: #d61f38}.tile.purple{--t1: #b17bff;--t2: #7036d6}.tile .badge{position:absolute;top:-8px;right:-6px;background:var(--red);color:#fff;font-size:.7em;font-weight:800;padding:2px 8px;border-radius:99px;border:2px solid #1a0f00}.menu-foot{display:flex;gap:10px;justify-content:center}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{font:800 .92em "Baloo Da 2",sans-serif;color:#fff;background:#0e1a40;border:2px solid #ffffff24;border-radius:12px;padding:.35em .9em .2em;cursor:pointer}.seg button.on{background:linear-gradient(180deg,#ffd75e,#ffaa1c);color:#3a1d00;border-color:#1a0f00;box-shadow:0 3px #b35f00}.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:2px dashed #ffffff18;flex-wrap:wrap}.opt:last-child{border-bottom:0}.opt label{font-weight:700}.switch{width:3.2em;height:1.7em;border-radius:99px;background:#0b1430;border:2px solid #ffffff30;position:relative;cursor:pointer;flex:none}.switch i{position:absolute;top:2px;left:2px;width:1.25em;height:1.25em;border-radius:50%;background:#8392c4;transition:left .15s,background .15s}.switch.on{background:#13994a}.switch.on i{left:calc(100% - 1.25em - 2px);background:#fff}input[type=range]{width:min(46vw,220px);accent-color:var(--gold)}input.txt{font:700 1em "Baloo Da 2",sans-serif;padding:.4em .7em;border-radius:12px;border:3px solid #0a1230;background:#fff;color:#14224a;width:100%;outline:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%}.card{position:relative;border-radius:16px;border:3px solid #0a1230;overflow:hidden;cursor:pointer;background:#1d3170;box-shadow:0 5px #0a1230;transition:transform .1s}.card.on{outline:4px solid var(--gold);outline-offset:-1px;transform:translateY(-2px)}.card .thumb{height:74px;display:grid;place-items:center}.card .cap{padding:6px 10px;font-weight:800;font-size:.9em;line-height:1.1}.card .cap small{display:block;font-weight:600;color:var(--muted);font-size:.8em}.card.locked{filter:grayscale(.9) brightness(.65)}.lockico{position:absolute;top:6px;right:6px;width:26px;height:26px}#ui>.hud,.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:calc(6px + var(--safe-t));left:0;right:0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 64px;pointer-events:none}.chip{position:relative;display:flex;align-items:center;gap:6px;padding:3px 12px 3px 3px;border-radius:99px;background:#0a1230c7;border:2px solid rgba(255,255,255,.14);transition:transform .2s,opacity .3s,background .2s;font-weight:800;font-size:.85em}.chip .avatar{width:2.3em;height:2.3em}.chip .nm{max-width:6.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.chip .pips{display:flex;gap:3px;margin-top:2px}.chip .pips i{width:8px;height:8px;border-radius:50%;background:#ffffff30}.chip .pips i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.chip.active{transform:scale(1.12);background:#1e3278eb;border-color:var(--pc, #fff);box-shadow:0 0 0 3px var(--pc, #fff),0 0 18px var(--pc, #fff)}.chip.out{opacity:.45;filter:grayscale(1)}.chip.out:after{content:"OUT";position:absolute;right:-4px;top:-8px;background:var(--red);color:#fff;font-size:.7em;padding:0 6px;border-radius:8px;border:2px solid #1a0f00;transform:rotate(8deg)}.chip .timer{position:absolute;left:-3px;top:-3px;width:calc(2.3em + 6px);height:calc(2.3em + 6px);pointer-events:none}.chip .think{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:.7em;color:var(--gold);white-space:nowrap;opacity:0;transition:opacity .2s}.chip.thinking .think{opacity:1}.hud-btn{position:absolute;top:calc(8px + var(--safe-t))}.hud-btn.l{left:calc(8px + var(--safe-l))}.hud-btn.r{right:calc(8px + var(--safe-r))}.hud-btn.r2{right:calc(8px + var(--safe-r));top:calc(3.6em + var(--safe-t))}.banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap;font-weight:800;font-size:clamp(30px,8vmin,72px);color:#fff;line-height:1;-webkit-text-stroke:3px #0a1230;paint-order:stroke fill;text-shadow:0 5px 0 #0a1230,0 0 30px rgba(0,0,0,.4);animation:bannerPop 1s cubic-bezier(.2,1.5,.4,1) forwards}.banner small{display:block;font-size:.42em;margin-top:8px;-webkit-text-stroke:2px #0a1230}@keyframes bannerPop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-6deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.08) rotate(2deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1) rotate(0)}80%{opacity:1}to{transform:translate(-50%,-60%) scale(.95);opacity:0}}.twist{position:absolute;left:50%;top:calc(4.2em + var(--safe-t));transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,#c48bff,#7036d6);border:3px solid #1a0f00;border-radius:14px;padding:4px 14px 2px;text-align:center;box-shadow:0 5px #1a0f00;animation:twistIn .5s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}.twist b{display:block;font-size:1.05em}.twist small{display:block;font-size:.72em;opacity:.9}@keyframes twistIn{0%{transform:translate(-50%) scale(0) rotate(-10deg)}to{transform:translate(-50%) scale(1)}}.popup{position:fixed;pointer-events:none;font-weight:800;white-space:nowrap;z-index:5;line-height:1;color:#ffe14d;-webkit-text-stroke:3px #2a1200;paint-order:stroke fill;text-shadow:0 4px 0 #2a1200;animation:popUp 1s cubic-bezier(.2,1.6,.4,1) forwards}.popup.big{font-size:clamp(30px,7vmin,64px)}.popup.med{font-size:clamp(20px,4.5vmin,38px)}.popup.red{color:#ff4b5c}.popup.white{color:#fff}.popup.green{color:#5cf08f}.popup small{display:block;font-size:.45em;color:#fff;-webkit-text-stroke:2px #2a1200;margin-top:4px;text-align:center}@keyframes popUp{0%{transform:translate(-50%,-50%) scale(.2) rotate(var(--rot, -8deg));opacity:0}20%{transform:translate(-50%,-50%) scale(1.15) rotate(var(--rot, -8deg));opacity:1}35%{transform:translate(-50%,-50%) scale(1) rotate(var(--rot, -8deg))}75%{opacity:1}to{transform:translate(-50%,-110%) scale(1) rotate(var(--rot, -8deg));opacity:0}}.toast{position:absolute;left:50%;bottom:calc(18% + var(--safe-b));transform:translate(-50%);pointer-events:none;text-align:center;background:#0a1230e6;border:2px solid #ffffff2a;border-radius:16px;padding:8px 16px 6px;max-width:86vw;animation:toastIn 2.6s ease forwards;font-weight:800}.toast small{display:block;font-weight:600;color:var(--muted);font-size:.8em}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.power{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(70vw,360px);pointer-events:none;opacity:0;transition:opacity .15s}.power.show{opacity:1}.power .bar{height:18px;border-radius:12px;background:#0a1230cc;border:3px solid #0a1230;overflow:hidden;position:relative}.power .bar i{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#2bd46a,#ffe14d 55%,#ff3b4f)}.power .lbl{display:flex;justify-content:space-between;font-weight:800;font-size:.85em;text-shadow:0 2px 0 #0a1230;margin-bottom:2px}.hint{position:absolute;left:50%;bottom:calc(60px + var(--safe-b));transform:translate(-50%);text-align:center;pointer-events:none;font-weight:800;text-shadow:0 2px 0 #0a1230,0 0 12px #0a1230;white-space:nowrap;animation:hintPulse 1.6s ease-in-out infinite}.hint small{display:block;font-weight:600;font-size:.8em;color:#dfe6ff}@keyframes hintPulse{50%{transform:translate(-50%) scale(1.05)}}.hand{position:fixed;width:54px;height:54px;pointer-events:none;z-index:6;animation:handDrag 1.8s ease-in-out infinite}@keyframes handDrag{0%,15%{transform:translate(-30%,-10%) scale(1);opacity:0}25%{opacity:1;transform:translate(-30%,-10%) scale(.9)}70%{transform:translate(-30%,90px) scale(.9);opacity:1}85%,to{transform:translate(-30%,90px) scale(1);opacity:0}}.emotes{position:absolute;right:calc(8px + var(--safe-r));bottom:calc(70px + var(--safe-b));display:none;flex-direction:column;gap:6px}.emotes.open{display:flex}.emote-bubble{position:fixed;z-index:6;pointer-events:none;background:#fff;color:#14224a;font-weight:800;padding:6px 12px 4px;border-radius:14px;border:3px solid #0a1230;animation:toastIn 2.6s ease forwards;transform:translate(-50%);white-space:nowrap}.modal-back{position:absolute;inset:0;background:#050a1ea8;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s;z-index:10}@keyframes fadeIn{0%{opacity:0}}.modal{width:min(94vw,460px);max-height:90vh;display:flex;flex-direction:column;animation:scrIn .3s cubic-bezier(.2,1.4,.4,1)}.modal h3{margin:-4px 0 10px;text-align:center;font-size:1.5em;font-weight:800;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.35)}.results{width:min(96vw,560px);text-align:center}.results .big-title{font-size:clamp(36px,9vmin,70px);font-weight:800;line-height:1;color:var(--gold);-webkit-text-stroke:3px #3a1d00;paint-order:stroke fill;text-shadow:0 5px 0 #b35f00,0 9px 0 #3a1d00}.results .big-title.lose{color:#9fb3ff;text-shadow:0 5px 0 #34488c,0 9px 0 #0a1230;-webkit-text-stroke-color:#0a1230}.stars{display:flex;justify-content:center;gap:6px;margin:6px 0}.stars svg{width:clamp(40px,10vmin,64px);height:auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.stars svg.pop{animation:starPop .5s cubic-bezier(.2,1.8,.4,1) both}@keyframes starPop{0%{transform:scale(0) rotate(-40deg)}}.rank{display:flex;flex-direction:column;gap:6px;margin:10px 0}.rank .r{display:flex;align-items:center;gap:8px;background:#0a123099;border-radius:14px;padding:4px 10px 4px 4px;text-align:left}.rank .r .avatar{width:2.4em;height:2.4em;flex:none}.rank .r .pos{width:1.6em;font-weight:800;font-size:1.2em;text-align:center}.rank .r .st{margin-left:auto;font-size:.8em;color:var(--muted);text-align:right;line-height:1.1}.reward{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0}.reward .pill{font-size:1.2em}.badge-title{display:inline-block;background:linear-gradient(180deg,#c48bff,#7036d6);padding:2px 14px 0;border-radius:12px;border:3px solid #1a0f00;font-weight:800;box-shadow:0 4px #1a0f00;margin-top:4px}.dialogue{width:min(96vw,620px);display:flex;gap:12px;align-items:flex-end}.dialogue .avatar{width:clamp(84px,22vmin,150px);height:clamp(84px,22vmin,150px);flex:none;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.bubble{position:relative;flex:1;background:#fff;color:#14224a;border:3px solid #0a1230;border-radius:20px;padding:12px 16px 10px;box-shadow:0 6px #0a1230;font-weight:800;font-size:1.1em;line-height:1.15}.bubble:before{content:"";position:absolute;left:-16px;bottom:22px;border:10px solid transparent;border-right:14px solid #0a1230}.bubble small{display:block;font-weight:600;font-size:.72em;color:#5d6a93;margin-top:4px}.vs{font-weight:800;font-size:2.6em;color:var(--red);-webkit-text-stroke:3px #1a0f00;paint-order:stroke fill;text-shadow:0 5px 0 #1a0f00}.chapter{width:100%;margin:6px 0 14px;padding:10px 12px 12px 52px;position:relative}.chapter h3{margin:0;font-size:1.3em;line-height:1}.chapter .sub{font-weight:600;font-size:.85em;color:#6b5a3a}.nodes{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.node{position:relative;width:5.2em;height:5.2em;border-radius:50%;border:3px solid #1a0f00;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#6aa8ff,#2f6bff);color:#fff;font-weight:800;box-shadow:0 5px #1a0f00;font-size:.85em;line-height:1;text-align:center}.node.boss{width:6em;height:6em;background:radial-gradient(circle at 40% 30%,#ff7a86,#d61f38)}.node.boss .avatar{width:3.2em;height:3.2em}.node.done{background:radial-gradient(circle at 40% 30%,#5cf08f,#1fb653)}.node.locked{background:#8b8577;filter:grayscale(1);cursor:default}.node .st{display:flex;gap:1px;position:absolute;bottom:-10px}.node .st svg{width:15px;height:15px}.node.current{animation:nodePulse 1.2s ease-in-out infinite}@keyframes nodePulse{50%{box-shadow:0 5px #1a0f00,0 0 0 7px #ffc93c99}}.lab{width:100%;height:100%;display:grid;grid-template-columns:1fr minmax(300px,420px);grid-template-rows:auto 1fr;gap:10px}.lab .hdr{grid-column:1 / -1;max-width:none;margin:0}.lab .side{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0}.lab .view{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.lab .view>*{pointer-events:auto}@media(max-aspect-ratio:1/1){.lab{grid-template-columns:1fr;grid-template-rows:auto minmax(26vh,1fr) minmax(0,1.25fr)}.lab .side{grid-column:1;grid-row:3}.lab .view{grid-column:1;grid-row:2}}.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button{flex:1;font:800 .95em "Baloo Da 2",sans-serif;color:#fff;background:#0e1a40;border:2px solid #ffffff24;border-radius:12px;padding:.4em .5em .25em;cursor:pointer;text-transform:uppercase}.tabs button.on{background:linear-gradient(180deg,#ffd75e,#ffaa1c);color:#3a1d00;border-color:#1a0f00}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:2px 2px 8px}.item{position:relative;border-radius:14px;border:3px solid #0a1230;background:linear-gradient(180deg,#2a4290,#1a2a63);cursor:pointer;padding:6px 4px 4px;text-align:center;box-shadow:0 4px #0a1230;font-weight:800;font-size:.78em;line-height:1.05;min-height:92px;display:flex;flex-direction:column;align-items:center;gap:4px}.item.on{outline:3px solid var(--gold)}.item .sw{width:100%;height:44px;display:grid;place-items:center}.item .price{font-size:.95em;display:flex;align-items:center;gap:3px;color:var(--gold)}.item .price .coin{width:1.1em;height:1.1em}.item .rar{position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%}.item.locked{filter:brightness(.7)}.item .eq{position:absolute;top:-7px;right:-5px;background:var(--green);color:#06331a;font-size:.8em;padding:0 6px;border-radius:8px;border:2px solid #06331a}.stats{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center;font-weight:800;font-size:.85em}.stats .sb{height:10px;background:#0b1430;border-radius:8px;overflow:hidden}.stats .sb i{display:block;height:100%;background:linear-gradient(90deg,#6af,#2bd46a);border-radius:8px;transition:width .3s}.slots{display:flex;gap:8px;margin-bottom:8px}.slot{flex:1;border-radius:14px;border:3px dashed #ffffff44;padding:6px;text-align:center;cursor:pointer;font-weight:800;font-size:.8em;line-height:1.1}.slot.on{border-style:solid;border-color:var(--gold);background:#ffc93c1f}.slot small{display:block;color:var(--muted);font-weight:600}.pen-name{font-weight:800;font-size:1.5em;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.4)}.pen-blurb{font-size:.85em;color:#dfe6ff;margin:2px 0 6px}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%}.pl{border-radius:16px;border:3px solid #0a1230;background:linear-gradient(180deg,#2a4290,#1a2a63);padding:8px;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:0 4px #0a1230;border-top:6px solid var(--pc)}.pl .avatar{width:3.4em;height:3.4em;cursor:pointer}.pl input.txt{text-align:center;padding:.2em .4em;font-size:.9em}.pl .penpick{display:flex;align-items:center;gap:4px;width:100%;justify-content:space-between;font-weight:800;font-size:.85em}.pl .penpick button{background:#0e1a40;color:#fff;border:2px solid #ffffff30;border-radius:10px;width:2em;height:2em;cursor:pointer;font-weight:800}.code{font-size:2.4em;font-weight:800;letter-spacing:6px;color:var(--gold);text-shadow:0 4px 0 #3a1d00}.lobby-list{display:flex;flex-direction:column;gap:6px;width:100%}.lobby-list .r{display:flex;align-items:center;gap:8px;background:#0a123099;border-radius:14px;padding:4px 10px 4px 4px}.lobby-list .r .avatar{width:2.4em;height:2.4em}.tag{font-size:.7em;font-weight:800;padding:1px 8px;border-radius:8px;background:#0e1a40;border:2px solid #ffffff2a}.tag.ok{background:#13994a}.tag.host{background:#ff9f1c;color:#3a1d00}.daily{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.daily .d{border-radius:12px;border:3px solid #0a1230;background:#1a2a63;padding:6px 2px;text-align:center;font-weight:800;font-size:.75em}.daily .d.done{background:#13994a}.daily .d.today{outline:3px solid var(--gold);animation:nodePulse 1.2s infinite}.ach{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:2px dashed #ffffff18}.ach .ai{width:2.4em;height:2.4em;border-radius:12px;display:grid;place-items:center;background:#0e1a40;flex:none}.ach.done .ai{background:linear-gradient(180deg,#ffd75e,#ffaa1c)}.ach .ai svg{width:70%;height:70%}.ach b{display:block;line-height:1.05}.ach small{color:var(--muted)}.fade-out{animation:fadeOut .25s forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.98)}}@media(max-height:520px)and (orientation:landscape){:root{--fs: clamp(12px, 2.4vmin + 4px, 17px)}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,820px)}.tile.hero{grid-column:span 3;min-height:3.6em}.tile{min-height:3.4em}.logo .pen-svg{display:none}}.modal .dialogue{width:100%}.modal .dialogue .avatar{width:4.4em;height:4.4em}.modal .bubble{font-size:.95em}.item .sw svg{max-width:100%;max-height:100%;height:100%;width:auto}.item .sw svg[viewBox="0 0 24 24"]{height:70%}.results .dialogue{width:100%}.results .bubble{font-size:.95em}.flick{position:fixed;width:64px;height:32px;pointer-events:none;z-index:6;transform-origin:100% 50%;animation:flickSnap .42s cubic-bezier(.3,1.6,.4,1) forwards}@keyframes flickSnap{0%{transform:translate(-100%,-50%) rotate(var(--ang)) translate(-34px);opacity:0}25%{opacity:1;transform:translate(-100%,-50%) rotate(var(--ang)) translate(-40px)}45%{transform:translate(-100%,-50%) rotate(var(--ang)) translate(4px)}to{transform:translate(-100%,-50%) rotate(var(--ang)) translate(-8px);opacity:0}}.lab-screen{padding-bottom:calc(6px + var(--safe-b))}.lab .side{min-height:0;overflow-y:auto;touch-action:pan-y;padding:12px}.lab-list{flex:1 1 0;min-height:168px;margin-top:2px}.pen-name small{font-size:.55em;color:#dfe6ff;margin-left:8px}.pen-meta{font-size:.76em;margin:3px 0 6px;line-height:1.15}.lab-detail{font-size:.78em;line-height:1.15;color:#dfe6ff;padding:6px 2px 0}.lab-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:8px;flex:none}.lab-act .btn{font-size:.95em}.lab-act .btn .coin{font-size:.9em}.lab .stats{display:flex;flex-direction:column;gap:3px}.stat{display:grid;grid-template-columns:4em 1fr 2.2em;align-items:center;gap:8px}.stat .sv{text-align:right}.item .nm{display:block}.item{min-height:80px}.item .sw{height:34px;flex:none}@media(max-aspect-ratio:1/1),(max-height:560px){.lab .side{padding:8px 10px;border-radius:16px}.pen-name{font-size:1.2em}.pen-blurb{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 3px;font-size:.75em}.lab .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;font-size:.68em}.stat{display:block;line-height:1.1}.stat .sb{height:6px;margin-top:2px}.stat .sv{display:none}.pen-meta{font-size:.7em;margin:3px 0 4px}.tabs{margin-bottom:4px}.tabs button{padding:.22em .5em .1em;font-size:.85em}.slots{gap:6px;margin-bottom:4px}.slot{padding:3px;font-size:.72em}.items{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.item{min-height:70px;font-size:.72em;padding:4px 3px 3px;gap:2px}.item .sw{height:26px}.lab-act{padding-top:5px}.lab-act .btn{min-height:2.2em;font-size:.85em}.lab-list{min-height:150px}}@media(max-aspect-ratio:1/1){.lab{grid-template-rows:auto minmax(90px,20vh) minmax(0,1fr);gap:4px}.lab .hdr h2{font-size:1.25em}}@media(max-height:560px)and (min-aspect-ratio:1/1){.lab{grid-template-columns:1fr minmax(320px,52vw);gap:6px}.lab .hdr{margin:0}.lab .hdr h2{font-size:1.1em}.pen-blurb,.pen-meta{display:none}}.power.max .bar{box-shadow:0 0 14px 2px #ff3b4f;animation:maxPulse .35s ease-in-out infinite alternate}.power.max .lbl span:first-child{color:#ff6a78}@keyframes maxPulse{to{box-shadow:0 0 22px 6px #ff7a2a}}.btn:after{background:linear-gradient(180deg,#ffffff47,#fff0);z-index:0}.btn>*{position:relative;z-index:1}.btn{max-width:100%;white-space:normal;text-align:center;line-height:1.05}.modal,.panel,.results,.paper,.bubble,.card,.item,.slot,.pl,.ach,.toast{overflow-wrap:anywhere}.modal .row,.results .row{flex-wrap:wrap;min-width:0}.modal .row>*,.modal .col>*,.results .r>*,.ach>*{min-width:0}.modal .row>b,.modal .row>span{text-align:right}.modal .row>:first-child{text-align:left}.opt>label{min-width:0;flex:1 1 40%;line-height:1.15}.opt>.seg{justify-content:flex-end}.lvl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.profile-chip{min-width:0;flex-shrink:1}.topbar>h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .pill{flex:none}.results{overflow-x:hidden}.rank .r .st{flex:none}.rank .r>div:nth-child(3){min-width:0;overflow:hidden}.rank .r b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{white-space:normal;width:min(92vw,900px);font-size:clamp(26px,7vmin,66px)}.banner small{-webkit-text-stroke:1px #0a1230}.twist{white-space:normal;width:max-content;max-width:76vw}.hint{white-space:normal;width:92vw}.popup{white-space:normal;width:max-content;max-width:88vw;text-align:center}.popup.med{font-size:clamp(19px,4.6vmin,38px)}.toast{width:max-content}.hud-top{padding:0 54px}@media(max-width:620px){.hud-top.many{gap:3px}.hud-top.many .chip{padding:2px}.hud-top.many .chip .nm{display:none}.hud-top.many .chip .pips{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);margin:0}.hud-top.many .chip .pips i{width:6px;height:6px}.twist{top:calc(4.6em + var(--safe-t))}}
