:root{--bg:#0b0f1a;--card:#121a2b;--muted:#9bb0cf;--fg:#e9f0ff;--acc:#7c5cff;--bad:#ff4d4d;--ok:#23d18b;--glass: rgba(255,255,255,.06);--glass2: rgba(255,255,255,.1);--stroke: rgba(255,255,255,.1);--stroke2: rgba(255,255,255,.18);--shadow: 0 18px 80px rgba(0,0,0,.55);--shadowSoft: 0 12px 40px rgba(0,0,0,.4);--r12: 12px;--r14: 14px;--r16: 16px;--r18: 18px;--glow: 0 0 0 1px rgba(124,92,255,.2), 0 18px 70px rgba(124,92,255,.16);--glowSoft: 0 0 0 1px rgba(124,92,255,.14), 0 14px 45px rgba(124,92,255,.12);--ease: cubic-bezier(.2,.8,.2,1);--sideW: 200px;--sideGap: 12px;--cellGap: 10px;--cellH: 160px;--cellW: 200px;--desktop-min: 1180px;--rowW: 200px;--gap: 10px;--pageW: calc(var(--rowW) + 3*var(--cellW) + 3*var(--gap))}*{box-sizing:border-box}html,body{height:100%}::selection{background:#7c5cff59}html,body{overflow-x:auto;-webkit-overflow-scrolling:touch}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;color:var(--fg);background:radial-gradient(1200px 700px at 50% -10%,rgba(124,92,255,.24),transparent 60%),radial-gradient(1000px 600px at 10% 20%,rgba(35,209,139,.12),transparent 55%),radial-gradient(1000px 650px at 90% 25%,rgba(255,77,77,.08),transparent 60%),radial-gradient(1200px 800px at 50% 110%,rgba(255,255,255,.05),transparent 60%),linear-gradient(180deg,#060810,#0b0f1a);min-width:var(--desktop-min)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:overlay;z-index:1}.wrap{width:var(--pageW);min-width:var(--pageW);max-width:none;margin:0 auto;padding:24px 24px 32px;overflow:visible}#app,#root,#gridRoot,.shell,.app,.container{min-width:var(--desktop-min)}.topbar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:18px 0}.brand{min-width:0;text-align:center}.brand h1{margin:0 0 6px;font-size:36px;font-weight:950;letter-spacing:.2px;text-shadow:0 10px 55px rgba(0,0,0,.6)}.brand .sub{margin:0;color:var(--muted);font-size:14px}.topbar-right{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.paypalPill{text-decoration:none;color:var(--fg)}#paypalDonate{color:#f5c542;font-weight:900;text-decoration:none}#paypalDonate:hover{color:#ffd86b;text-shadow:0 0 12px rgba(245,197,66,.45)}.pill{display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--stroke);border-radius:var(--r14);padding:10px 12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 35px #00000040;transition:transform .14s var(--ease),border-color .14s var(--ease);min-width:110px}.pill:hover{transform:translateY(-1px);border-color:#7c5cff59}.pillLabel{font-size:11px;color:var(--muted);font-weight:900;letter-spacing:.2px}.pillValue{font-size:16px;font-weight:950}.pillBtn{text-decoration:none;color:inherit;appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;padding:0}button.pill{appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--stroke);color:var(--fg);font:inherit;padding:10px 12px;border-radius:var(--r14);box-shadow:0 10px 35px #00000040}button.pill.pillBtn{cursor:pointer;text-align:left}.pill.mode{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.pill.mode:hover{transform:translateY(-1px);box-shadow:0 12px 30px #00000059}.pill.mode.active{background:#ffffff14;border-color:#ffffff40}.pill.mode.active .pillValue{color:#fff;font-weight:900}.rule{background:linear-gradient(180deg,#ffffff1a,#ffffff0e);border:1px solid var(--stroke);border-radius:var(--r16);padding:12px;text-align:center;font-weight:900;font-size:13px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 46px #00000047;position:relative;overflow:hidden}.rule:after{content:"";position:absolute;inset:-2px;background:radial-gradient(700px 120px at 50% 0%,rgba(124,92,255,.2),transparent 55%);opacity:.55;pointer-events:none}.matrixWrap{display:grid;grid-template-columns:var(--rowW) repeat(3,var(--cellW));grid-template-rows:auto auto;gap:var(--gap);justify-content:center;align-content:start;width:var(--pageW);max-width:none;margin:18px auto 0}.matrixWrap .corner{grid-column:1;grid-row:1}.matrixWrap :is(#colRules,.colRules){grid-column:2 / span 3;grid-row:1;display:grid;grid-template-columns:repeat(3,var(--cellW));gap:var(--cellGap)}.matrixWrap :is(#rowRules,.rowRules){grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,var(--cellH));grid-auto-flow:row;gap:var(--cellGap);width:var(--rowW);max-width:none}.matrixWrap :is(#rowRules,.rowRules) .rule{display:flex;align-items:center;justify-content:center;padding:10px 12px;line-height:1.15}.matrixWrap :is(#board,.board){grid-column:2 / span 3;grid-row:2;display:grid;grid-template-columns:repeat(3,var(--cellW));gap:var(--cellGap)}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.cell{height:var(--cellH);border-radius:var(--r18);padding:12px;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadowSoft);transition:transform .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease),box-shadow .14s var(--ease),filter .14s var(--ease);animation:popIn .22s var(--ease) both;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:translateZ(0);backface-visibility:hidden;will-change:transform,filter,box-shadow;isolation:isolate;contain:paint}.cell,.cell *{-webkit-tap-highlight-color:transparent}.cell:focus,.cell:focus-visible{outline:none}.cell:before{content:"";position:absolute;inset:-2px;background:radial-gradient(600px 140px at 15% 0%,rgba(255,255,255,.16),transparent 55%),radial-gradient(700px 180px at 90% 110%,rgba(124,92,255,.1),transparent 60%);opacity:.65;pointer-events:none}.cell:hover{transform:translateZ(0) scale(1.02);border-color:#7c5cff8c;box-shadow:0 18px 60px #00000073,var(--glowSoft);filter:brightness(1.02)}.picked{border-color:#7c5cffb8;box-shadow:0 18px 70px #00000073,var(--glow)}.wrong{outline:3px solid var(--bad);box-shadow:0 0 0 3px #ff4d4d38,0 18px 60px #00000073}.name{font-weight:950;font-size:9px;line-height:1.2;margin-bottom:0;text-shadow:0 10px 40px rgba(0,0,0,.4);text-align:center;word-break:break-word;overflow-wrap:anywhere;height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cell-center{height:100%;display:flex;align-items:center;justify-content:center}.cardimg{width:70px;height:100px;object-fit:contain;border-radius:8px;flex:0 0 auto}.cellCard{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;gap:8px}.usageBadge{position:absolute;top:12px;right:12px;z-index:3;font-size:12px;font-weight:950;letter-spacing:.2px;padding:4px 10px;border-radius:999px;background:#0000009e;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059;color:#e9f0fff2;pointer-events:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),filter .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),text-shadow .18s var(--ease)}.cell:hover .usageBadge{transform:scale(1.04);box-shadow:0 0 0 1px #7c5cff38,0 0 18px #7c5cff38,0 10px 28px #00000059}.usageBadge[data-tier=green]{color:var(--ok);text-shadow:0 0 10px rgba(35,209,139,.35);border-color:#23d18b59}.cell:hover .usageBadge[data-tier=green]{box-shadow:0 0 0 1px #23d18b38,0 0 18px #23d18b38,0 10px 28px #00000059}.usageBadge[data-tier=lemon]{color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.35);border-color:#ffeb3b4d}.cell:hover .usageBadge[data-tier=lemon]{box-shadow:0 0 0 1px #ffeb3b38,0 0 18px #ffeb3b38,0 10px 28px #00000059}.usageBadge[data-tier=orange]{color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.35);border-color:#ff98004d}.cell:hover .usageBadge[data-tier=orange]{box-shadow:0 0 0 1px #ff980038,0 0 18px #ff980038,0 10px 28px #00000059}.usageBadge[data-tier=red]{color:var(--bad);text-shadow:0 0 10px rgba(255,77,77,.35);border-color:#ff4d4d59}.cell:hover .usageBadge[data-tier=red]{box-shadow:0 0 0 1px #ff4d4d38,0 0 18px #ff4d4d38,0 10px 28px #00000059}.cell.locked{cursor:default}@keyframes cellShakeAnim{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.cell.shake{animation-name:popIn,cellShakeAnim;animation-duration:.22s,.28s;animation-timing-function:var(--ease),var(--ease);animation-fill-mode:both,both}.cellShake{animation:cellShake .9s ease-in-out 0s 1;outline:none;box-shadow:none}@keyframes cellShake{0%{transform:translate(0);outline:2px solid rgba(255,60,60,.9);box-shadow:0 0 0 3px #ff3c3c2e,0 0 22px #ff3c3c40}10%{transform:translate(-2px)}20%{transform:translate(3px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0);outline:none;box-shadow:none}}.actions{width:fit-content;margin:24px auto 0;display:flex;justify-content:center;gap:12px}.btn{appearance:none;border:0;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--r16);font-weight:950;letter-spacing:.2px;text-decoration:none;-webkit-user-select:none;user-select:none;transition:transform .14s var(--ease),filter .14s var(--ease),box-shadow .14s var(--ease),border-color .14s var(--ease),background .15s var(--ease),color .15s var(--ease)}.btn.primary{background:linear-gradient(180deg,#7c5cfff2,#7c5cffb8);border:1px solid rgba(124,92,255,.45);box-shadow:0 12px 34px #7c5cff2e;color:#fff}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 16px 44px #7c5cff3d}.btn.primary:active{transform:translateY(1px)}.btn.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:var(--fg);box-shadow:0 12px 35px #00000040}.btn.secondary:hover{border-color:#7c5cff59;filter:brightness(1.03)}.btn.secondary:active{transform:translateY(1px)}.btn.danger{background:linear-gradient(180deg,#ff4a5af2,#ff4a5ab3);border:1px solid rgba(255,74,90,.45);box-shadow:0 12px 34px #ff4a5a29;color:#fff}.btn.danger:hover{transform:translateY(-1px);box-shadow:0 16px 44px #ff4a5a38}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modalBack{position:fixed;inset:0;background:#0000009e;display:none;align-items:center;justify-content:center;padding:16px;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{width:min(820px,100%);max-height:85vh;overflow:hidden;border-radius:var(--r18);background:linear-gradient(180deg,#121a2bf5,#121a2bdb);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 140px #000000b8;animation:modalIn .18s var(--ease) both;position:relative}.modal:before{content:"";position:absolute;inset:-2px;background:radial-gradient(900px 220px at 50% 0%,rgba(124,92,255,.18),transparent 60%);opacity:.6;pointer-events:none}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.1);gap:10px}.modalTitle{font-size:14px;font-weight:950;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--fg);font-weight:950;cursor:pointer;transition:transform .14s var(--ease),border-color .14s var(--ease),filter .14s var(--ease)}.iconBtn:hover{transform:translateY(-1px);border-color:#7c5cff73;filter:brightness(1.05)}.iconBtn:active{transform:translateY(1px)}.modalBody{padding:12px;overflow:auto;max-height:calc(85vh - 64px)}.search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--fg);padding:10px 12px;border-radius:var(--r16);outline:none;transition:border-color .14s var(--ease),background .14s var(--ease),transform .14s var(--ease)}.search:focus{border-color:#7c5cff9e;background:#ffffff14;transform:translateY(-1px)}.list{overflow:auto;max-height:calc(85vh - 140px);padding:12px 0 0}.thumb{width:28px;height:40px;object-fit:cover;border-radius:8px;flex:0 0 auto}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:var(--r16);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;margin-bottom:10px;transition:transform .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease)}.item:hover{transform:translateY(-2px);border-color:#7c5cff73;background:#ffffff0f}.item .left{min-width:0}.item .left .t{font-weight:950;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item button{border:0;padding:8px 12px;border-radius:14px;font-weight:950;cursor:pointer;background:linear-gradient(180deg,#7c5cff,#7c5cffcc);color:#fff;box-shadow:0 14px 35px #7c5cff2e;transition:transform .14s var(--ease),filter .14s var(--ease),box-shadow .14s var(--ease)}.item button:hover{filter:brightness(1.06);box-shadow:0 18px 48px #7c5cff38}.item button:active{transform:translateY(1px)}.item button:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.list::-webkit-scrollbar{width:10px}.list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px;border:2px solid rgba(0,0,0,.15)}.list::-webkit-scrollbar-thumb:hover{background:#ffffff38}.resultList{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.resultCell{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:var(--r14);padding:10px;background:#ffffff0a;overflow:hidden}.resultCell .cellTitle{font-size:12px;font-weight:900;color:var(--muted);margin-bottom:8px}.resultRow{display:flex;align-items:center;gap:10px;margin-bottom:10px;width:100%;min-width:0}.resultRow:last-child{margin-bottom:0}.resultThumb{width:40px;height:56px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.resTxt{min-width:0;flex:1 1 auto}.resultRow .nm{font-size:12px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pctBadge{flex:0 0 auto;margin-left:10px;font-size:11px;font-weight:950;padding:4px 10px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);color:#e9f0ffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal.wide{width:min(1120px,100%);max-height:92vh}.modal.wide .modalBody{overflow:hidden;max-height:calc(92vh - 64px)}.modal.wide .resultList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;height:calc(92vh - 88px)}.modal.wide .resultCell{padding:8px}.modal.wide .resultRow{gap:8px;margin-bottom:6px}.modal.wide .resultThumb{width:34px;height:48px}.modal.wide .pctBadge{font-size:10px;padding:3px 8px}.chainScreen{position:fixed;inset:0;display:none;place-items:center;background:#000000c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99999}.chainScreen .chainPanel{width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:hidden;border-radius:24px;padding:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#121a2bf5,#121a2bdb);box-shadow:0 30px 90px #000000a6}.chainTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.chainTitle{font-weight:950;font-size:18px}.chainMeta{opacity:.85;font-weight:900;margin-top:6px}.chainRules{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:10px}.chainRule{padding:6px 12px;border-radius:999px;background:#ffffff14;font-size:13px;font-weight:850;opacity:.92;animation:ruleIn .22s ease-out}@keyframes ruleIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.chainActions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.chainList{margin-top:12px;overflow:auto;max-height:calc(100vh - 330px);padding-right:6px}.chainItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;margin-bottom:10px}.chainItem:hover{border-color:#7c5cff73;background:#ffffff0f}.chainThumb{width:28px;height:40px;object-fit:cover;border-radius:8px;flex:0 0 auto}.chainName{font-weight:950;font-size:14px;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chainPickBtn{border:0;padding:8px 12px;border-radius:14px;font-weight:950;cursor:pointer;background:linear-gradient(180deg,#7c5cff,#7c5cffcc);color:#fff;box-shadow:0 14px 35px #7c5cff2e}.chainPickBtn:hover{filter:brightness(1.06)}.chainPickBtn:active{transform:translateY(1px)}body.chain-mode{display:block;position:relative;background:radial-gradient(circle at 30% 25%,rgba(0,180,255,.08),transparent 45%),radial-gradient(circle at 70% 75%,rgba(255,0,120,.06),transparent 45%),#0b0f14}.chain-sides{position:fixed;top:0;bottom:0;width:180px;pointer-events:none;opacity:.4;z-index:0}.chain-sides.left{left:0;background:linear-gradient(to right,rgba(0,180,255,.25),transparent)}.chain-sides.right{right:0;background:linear-gradient(to left,rgba(255,0,120,.25),transparent)}#chainRoot{position:relative;z-index:2;max-width:820px;margin:34px auto 0}.chainDrop{margin-top:10px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000038;overflow:hidden;box-shadow:0 18px 60px #00000059}.chainOpt{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-top:1px solid rgba(255,255,255,.08)}.chainOpt:first-child{border-top:0}.chainOpt:hover{background:#ffffff0f}.chainOptImg{width:26px;height:38px;border-radius:8px;object-fit:cover;flex:0 0 auto;border:1px solid rgba(255,255,255,.1)}.chainOptName{font-weight:950;font-size:13px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chain-panel{position:relative;padding:56px 64px;border-radius:28px;background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:0 0 0 1px #ffffff1f,0 40px 100px #000000a6}.chain-active{animation:chainPulse 10s ease-in-out infinite}@keyframes chainPulse{0%,to{box-shadow:0 0 0 1px #ffffff1f,0 40px 100px #000000a6}50%{box-shadow:0 0 0 1px #ff000059,0 40px 120px #00b4ff59}}.chainPage .topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;margin:18px 0}.chainPage .brand{text-align:left}.chainPage .brand h1{font-size:44px;margin:0 0 6px}.chainPage .brand .sub{margin:0;opacity:.85}.chainShell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:34px 18px 40px;gap:18px}.chainHeader{width:100%;display:flex;justify-content:center}.chainHeaderInner{width:100%;max-width:980px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.chainHeaderSlot{height:1px}.chainBrand{text-align:center;line-height:1.1}.chainBrandTitle{font-size:44px;font-weight:800;letter-spacing:.2px}.chainBrandSub{margin-top:6px;font-size:14px;opacity:.8}.chainBackBtn{justify-self:end;padding:10px 16px;border-radius:14px;text-decoration:none;font-weight:700;font-size:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffeb;transition:transform .12s ease,background .12s ease,border-color .12s ease}.chainBackBtn:hover{transform:translateY(-1px);background:#ffffff14;border-color:#fff3}.chainBackBtn:active{transform:translateY(0)}.chainPill{text-decoration:none;color:inherit;cursor:pointer}.chainPill:hover{transform:translateY(-1px)}.timerWrap{display:flex;gap:10px;align-items:center}.timerRing{position:relative;width:56px;height:56px;flex:0 0 auto}.timerRing svg{width:56px;height:56px;transform:rotate(-90deg)}.timerBg{fill:none;stroke:#ffffff1f;stroke-width:4}.timerFg{fill:none;stroke:#7c7cfff2;stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear,stroke .2s linear}.timerRing span{position:absolute;inset:0;display:grid;place-items:center;font-weight:950;font-size:13px;opacity:.95}.chainToast{min-height:18px;margin:6px 0 10px;font-weight:950;font-size:13px;opacity:0;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease}.chainToast.show{opacity:.9;transform:translateY(0)}.chainInput{transition:box-shadow .2s,border-color .2s,transform .2s}.chainInput.valid{border-color:#4dff9acc;box-shadow:0 0 18px #4dff9a40}.chainInput.invalid{border-color:#ff4d4dd9;animation:inputShake .3s}@keyframes inputShake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.chainResultRow{margin-top:12px;display:flex;gap:12px;align-items:center}#chainCardImg.resultThumb{width:46px;height:64px;border-radius:10px;display:none}.chainResultText{min-width:0}.chainCardName{font-weight:950;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.chainMsg{margin-top:6px;font-weight:950;opacity:.85}.chainActions{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}.chainBtns{display:flex;gap:10px}.streakBox{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:950;opacity:.9}.streakLabel{font-size:11px;opacity:.75;letter-spacing:.02em}.streakValue{display:flex;align-items:baseline;gap:8px}#streakBadge{font-size:12px;opacity:.9}.timerBar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:10px 0 14px;position:relative}.timerBarFill{position:absolute;right:0;top:0;height:100%;width:100%;background:#7c7cff;border-radius:999px;transition:width .2s linear,background-color .3s linear}body.timer-panic .timerBarFill{animation:pulse 5s infinite;box-shadow:0 0 12px #ff4d4d99}@keyframes pulse{0%{filter:brightness(1)}50%{filter:brightness(1.35)}to{filter:brightness(1)}}.chainTop10{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:16px;padding:12px 16px;max-width:300px}.chainTop10Title{font-size:13px;opacity:.75;margin-bottom:8px}.chainTop10List{margin:0;padding-left:18px;font-size:13px}.chainTop10List li{margin-bottom:4px;opacity:.95}body.chain-mode #chainRoot{max-width:none;width:100%;margin:0}body.chain-mode .chainStage{width:100%;display:flex;justify-content:center}body.chain-mode .chainStageInner{width:100%;max-width:1400px;display:grid;grid-template-columns:340px minmax(560px,980px) 340px;gap:16px;align-items:start;justify-content:center;padding:0 18px}body.chain-mode .chainLeftSpacer{grid-column:1}body.chain-mode .chainPanel{grid-column:2;width:100%;max-width:980px;justify-self:center}body.chain-mode .chainTopPanel{grid-column:3;width:340px;position:sticky;top:16px;justify-self:start;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:16px;padding:12px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:1100px){body.chain-mode .chainStageInner{grid-template-columns:1fr}body.chain-mode .chainLeftSpacer,body.chain-mode .chainTopPanel{display:none}body.chain-mode .chainPanel{grid-column:1;max-width:980px;justify-self:center}}.chainStartOverlay{z-index:99999}.chainStartOverlay *{pointer-events:none}#chainStartBtn{pointer-events:auto}.lbModalOverlay{position:fixed;inset:0;z-index:9999;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:20px}.lbModal{width:min(520px,100%);border:1px solid rgba(255,255,255,.14);background:#14141aeb;border-radius:18px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000059}.lbModalTitle{font-weight:950;font-size:16px;margin-bottom:6px}.lbModalSub{opacity:.8;font-weight:900;font-size:12px;margin-bottom:12px;line-height:1.35}.lbNameGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media(min-width:520px){.lbNameGrid{grid-template-columns:1fr 1fr}}.lbNameBtn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:950;text-align:left}.lbNameBtn:hover{background:#ffffff1a}.lbModalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.lbCancelBtn{border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:950;opacity:.85}.lbCancelBtn:hover{background:#ffffff0f}#cardPreview{position:fixed;z-index:9999;display:none;pointer-events:none}#cardPreview img{width:260px;height:auto;image-rendering:auto;transform:translateZ(0)}.howLink{margin-top:4px;font-size:12px;opacity:.7;background:none;border:none;color:inherit;cursor:pointer}.howLink:hover{opacity:1;text-decoration:underline}.tutCards{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-top:14px}.tutCard{width:150px;border-radius:12px;overflow:hidden;position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.tutCard img{width:100%;height:auto;display:block}.tutTag{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid rgba(255,255,255,.18)}#tutBack .modalBody{text-align:center}#tutBack #tutStepText{max-width:640px;margin:0 auto}#tutBack .tutCards,#tutBack .modalHead{justify-content:center}#tutBack .modalTitle{text-align:center}.checkCardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.checkCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px}.checkCard img{width:100%;height:auto;border-radius:10px;display:block}.checkCardName{margin-top:8px;font-size:13px;opacity:.9;word-break:break-word}#chainEndOverlay .chainEndActions .btn,#chainEndOverlay .chainEndActions a.btn{background:#7c5cffeb!important;border:1px solid rgba(124,92,255,.45)!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important}#chainEndOverlay .chainEndActions .btn:hover,#chainEndOverlay .chainEndActions a.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}@media(max-width:980px){.topbar-right{justify-content:center}}@media(max-width:900px){.wrap{padding:16px}.modal:not(.wide) .resultList{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.modal:not(.wide) .resultList{grid-template-columns:1fr}}.discordPill{text-decoration:none;color:var(--fg);background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--stroke);box-shadow:0 10px 35px #00000040,0 0 0 1px #5865f21a}.discordPill:hover{border-color:#5865f259}.discordPill .pillLabel{color:var(--muted)}.discordPill .pillValue{color:var(--fg)}@media(max-width:768px){:root{--pageWpx: 830}body{min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;display:block!important}#app,#root,#gridRoot,.shell,.app,.container{min-width:0!important;width:auto!important}#search{font-size:16px}.modalBack{transform:none!important}.topbar{margin:8px 0 6px!important;gap:8px!important}.matrixWrap{margin-top:6px!important}.wrap,.matrixWrap{position:relative!important;left:50%!important;transform:translate(-50%) scale(var(--appScale, 1))!important;transform-origin:top center!important;width:calc(var(--pageWpx) * 1px)!important;min-width:calc(var(--pageWpx) * 1px)!important;margin:0!important}.actions{position:fixed!important;left:50%!important;bottom:14px!important;transform:translate(-50%) scale(var(--appScale, 1))!important;transform-origin:bottom center!important;width:max-content!important;margin:0!important;padding:0!important;display:flex!important;gap:12px!important;align-items:center!important;justify-content:center!important;z-index:9999!important;background:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media(max-width:900px)and (min-width:520px){.actions{position:fixed!important;left:50%!important;bottom:18px!important;transform:translate(-50%) scale(var(--appScale, 1))!important;transform-origin:bottom center!important;width:max-content!important;margin:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important}}@media(max-width:768px){.actions .btn{font-size:19px;padding:16px 24px;min-height:56px}}@media(max-width:768px){.modal.wide .modalBody{overflow:auto!important;-webkit-overflow-scrolling:touch}.modal.wide .resultList{min-width:900px;height:auto!important}}