@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{color:#e5f0ff;background:linear-gradient(#0b1e2d 0%,#071827 60%,#050f1a 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.game-root{justify-content:center;align-items:center;min-height:100vh;display:flex}.game-card{box-sizing:border-box;background:linear-gradient(#0f2a3d,#071827);border-radius:22px;flex-direction:column;width:450px;height:750px;padding:16px;display:flex;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0f}.game-top{flex:1;gap:14px;display:flex;overflow:hidden}.board-area{flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.tetris-grid{background:#0f172a;border-radius:18px;grid-template-rows:repeat(20,26px);grid-template-columns:repeat(10,26px);gap:2px;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 60px #000000b3}.tetris-cell{background:#020617;border-radius:4px;width:26px;height:26px}.game-controls{justify-content:center;gap:10px;display:flex}.game-controls button{color:#facc15;cursor:pointer;background:linear-gradient(#1e293b,#020617);border:none;border-radius:12px;width:52px;height:52px;font-size:22px;font-weight:800;box-shadow:inset 0 1px #ffffff14,0 6px 14px #000000b3}.hud-area{flex-direction:column;gap:10px;width:96px;display:flex}.hud-panel{flex-direction:column;gap:8px;display:flex}.hud-item{text-align:center;background:#020617;border-radius:12px;padding:10px 8px}.hud-label{color:#9ca3af;margin-bottom:2px;font-size:11px;display:block}.hud-item strong{font-size:16px;font-weight:700}.gold{color:#facc15}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6,#2563eb);border:none;border-radius:14px;margin-top:auto;padding:12px 0;font-weight:700}.bottom-nav{background:linear-gradient(#0b1f2f,#071827);border-radius:22px;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #0009}.nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:600;transition:color .2s,transform .15s;display:flex}.nav-item .icon{font-size:18px}.nav-item.active{color:#facc15}.nav-item.active .icon{filter:drop-shadow(0 0 6px #facc15cc)}.nav-item:active{transform:translateY(1px)}.lb-title{text-align:center;color:#7dd3fc;margin-bottom:14px;font-size:18px;font-weight:700}.lb-tabs{background:#06131f;border-radius:12px;gap:8px;margin-bottom:10px;padding:4px;display:flex}.lb-tabs button{color:#7aa7c7;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-weight:600}.lb-tabs button.active{color:#fff;background:linear-gradient(#1e90c2,#157aa6)}.lb-list{flex-direction:column;gap:10px;display:flex}.lb-row{background:linear-gradient(#102b40,#0a1f30);border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;padding:12px;display:grid}.daily-task-list{flex-direction:column;gap:10px;display:flex}.task-card{background:linear-gradient(#102b40,#0a1f30);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.task-card.highlight{border:1px solid #facc1599}.task-complete-btn{color:#fff;cursor:pointer;background:linear-gradient(#22c55e,#16a34a);border:none;border-radius:14px;margin-top:16px;padding:12px;font-weight:800}.spin-wrapper{justify-content:center;margin:18px 0;display:flex}.spin-svg{filter:drop-shadow(0 0 18px #ffd70059);transform-origin:50%;width:260px;height:260px}.spin-pointer{border-bottom:20px solid #f1c40f;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;margin:8px auto -8px}.profile-section{text-align:center;background:linear-gradient(#102b40,#0a1f30);border-radius:14px;margin-bottom:12px;padding:10px 12px;font-size:13px;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0006}.profile-section.muted{color:#cbd5e1;font-weight:700}.panel-header{color:#e5f0ff;background:linear-gradient(#0b1f2f,#071827);border-radius:14px;justify-content:center;align-items:center;height:44px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000073}.profile-row{text-align:left;justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.profile-row strong{font-weight:700}.profile-row.muted{opacity:.6}.spin-actions{flex-direction:column;gap:14px;margin-top:18px;display:flex}.spin-action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spin-panel{text-align:center;background:linear-gradient(#102b40,#0a1f30);border-radius:16px;padding:14px 12px;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0006}.spin-panel-title{color:#94a3b8;margin-bottom:4px;font-size:12px;font-weight:600}.spin-panel-value{color:#e5f0ff;font-size:16px;font-weight:800}.spin-panel-value.gold{color:#facc15}.spin-panel.clickable{cursor:pointer;background:linear-gradient(#22c55e,#16a34a);transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:inset 0 1px #ffffff40,0 8px 20px #22c55e73}.spin-panel.clickable:hover{filter:brightness(1.05);transform:translateY(-1px)}.spin-panel.clickable:active{transform:translateY(1px);box-shadow:inset 0 1px #fff3,0 4px 12px #22c55e59}.spin-panel.clickable .spin-panel-title,.spin-panel.clickable .spin-panel-value{color:#fff!important}.spin-panel.disabled{opacity:.45;pointer-events:none;filter:grayscale(.4)}.task-card.login{background:linear-gradient(#0f2a3f,#0b2235);border:1px solid #38bdf8}.claim-btn{letter-spacing:.4px;color:#fff;cursor:pointer;background:linear-gradient(#38bdf8,#0ea5e9);border:none;border-radius:999px;outline:none;padding:6px 18px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 0 #38bdf800}.claim-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 0 12px #38bdf873}.claim-btn:disabled{color:#94a3b8;cursor:default;box-shadow:none;background:linear-gradient(#1e293b,#0f172a)}.claim-btn:disabled:after{content:""}.point-display-mini{background:linear-gradient(#102b40,#0a1f30);border:1px solid #ffffff1f;border-radius:14px;padding:8px 10px}.point-display-mini span{line-height:1}.point-display-mini .point-row{justify-content:center;align-items:center;gap:6px;margin-top:2px;display:flex}.point-display-mini .point-value{color:#facc15;font-size:22px;font-weight:800;line-height:1}.btn-secondary{color:#e5f0ff;cursor:pointer;background:linear-gradient(#102b40,#0a1f30);border:1px solid #ffffff2e;border-radius:12px;padding:12px;font-size:12px;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0f,0 6px 14px #00000073}.btn-secondary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}