:root{--plb-accent-color: #ffd700;--plb-accent-gradient: linear-gradient(135deg, #ffd700 0%, #f59e0b 100%);--plb-bg-color: rgba(30, 41, 59, .95);--plb-bg-gradient: linear-gradient(135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .98) 100%);--plb-border-color: rgba(255, 215, 0, .2);--plb-text-color: rgba(255, 255, 255, .9);--plb-text-muted: rgba(255, 255, 255, .5)}.tycoon-persistent-leaderboard{--plb-accent-color: #10b981;--plb-accent-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--plb-border-color: rgba(16, 185, 129, .2)}.trust-no-one-persistent-leaderboard{--plb-accent-color: #ef4444;--plb-accent-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--plb-border-color: rgba(239, 68, 68, .2)}.brick-breaker-persistent-leaderboard{--plb-accent-color: #8b5cf6;--plb-accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--plb-border-color: rgba(139, 92, 246, .2)}.bb-persistent-leaderboard{--plb-accent-color: #06b6d4;--plb-accent-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--plb-border-color: rgba(6, 182, 212, .2)}.tetris-persistent-leaderboard{--plb-accent-color: #f97316;--plb-accent-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--plb-border-color: rgba(249, 115, 22, .2)}:root{--tetris-bg-dark: #1a1a2e;--tetris-bg-medium: #16213e;--tetris-bg-light: #0f3460;--tetris-accent: #e94560;--tetris-accent-glow: rgba(233, 69, 96, .5);--tetris-text: #ffffff;--tetris-text-muted: rgba(255, 255, 255, .6);--tetris-success: #4ecdc4;--tetris-error: #ff6b6b;--tetris-gold: #ffd700;--tetris-border-radius: 12px;--tetris-shadow: 0 4px 20px rgba(0, 0, 0, .3)}.tetris-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tetris-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tetris-modal__layout{position:relative;display:flex;gap:16px;max-width:1200px;max-height:90vh;width:100%;padding:16px;z-index:1}.tetris-game-panel,.tetris-leaderboard-panel{display:none;flex-direction:column;background:var(--tetris-bg-medium);border-radius:var(--tetris-border-radius);padding:16px;min-width:280px;max-height:80vh;overflow-y:auto}.tetris-game-panel.visible,.tetris-leaderboard-panel.visible{display:flex}.tetris-leaderboard-panel h4{margin:0 0 16px;color:var(--tetris-gold);font-size:18px}.tetris-modal__content{flex:1;display:flex;flex-direction:column;background:var(--tetris-bg-dark);border-radius:var(--tetris-border-radius);box-shadow:var(--tetris-shadow);max-height:80vh;overflow:hidden}.tetris-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--tetris-bg-medium)}.tetris-modal__header h3{margin:0;font-size:24px;color:var(--tetris-text)}.tetris-modal__close{background:none;border:none;color:var(--tetris-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.tetris-modal__close:hover{background:#ffffff1a;color:var(--tetris-text)}.tetris-modal__close svg{width:24px;height:24px}.tetris-modal__body{flex:1;min-height:0;padding:20px;overflow-y:auto;color:var(--tetris-text);-webkit-overflow-scrolling:touch}.tetris-lobby{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.tetris-lobby-subtitle{font-size:16px;color:var(--tetris-text-muted);text-align:center;margin:0}.tetris-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.tetris-spinner{width:40px;height:40px;border:3px solid var(--tetris-bg-light);border-top-color:var(--tetris-accent);border-radius:50%;animation:tetris-spin 1s linear infinite}@keyframes tetris-spin{to{transform:rotate(360deg)}}.tetris-flashcard-sets{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px;max-height:250px;overflow-y:auto}.tetris-flashcard-set{background:var(--tetris-bg-medium);border:2px solid transparent;border-radius:var(--tetris-border-radius);padding:12px 16px;cursor:pointer;transition:all .2s ease}.tetris-flashcard-set:hover{background:var(--tetris-bg-light);border-color:var(--tetris-accent)}.tetris-flashcard-set.selected{border-color:var(--tetris-success);background:#4ecdc41a}.tetris-flashcard-set-name{font-weight:600;display:flex;align-items:center;gap:8px}.tetris-flashcard-set-count{font-size:13px;color:var(--tetris-text-muted);margin-top:4px}.tetris-assigned-badge{background:var(--tetris-accent);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.tetris-players-waiting{width:100%;max-width:400px}.tetris-players-waiting h4{margin:0 0 12px;color:var(--tetris-text-muted);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.tetris-players-list{display:flex;flex-wrap:wrap;gap:8px}.tetris-player-chip{background:var(--tetris-bg-light);padding:8px 12px;border-radius:20px;font-size:14px}.tetris-player-chip.ready{background:#4ecdc433;color:var(--tetris-success)}.tetris-join-btn{background:var(--tetris-accent);color:#fff;border:none;padding:14px 32px;border-radius:var(--tetris-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:250px}.tetris-join-btn:hover:not(:disabled){background:#d63e55;transform:translateY(-2px)}.tetris-join-btn:disabled{opacity:.5;cursor:not-allowed}.tetris-category{border:2px solid rgba(236,72,153,.2);border-radius:12px;margin-bottom:8px;overflow:hidden;background:#ec48991a}.tetris-category--has-assigned{border-color:#ec489980;background:#ec489926}.tetris-category__header{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;color:#fff;font-size:15px;font-weight:600;text-align:left;transition:background .2s}.tetris-category__header:hover{background:#ec489933}.tetris-category__chevron{display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:transform .2s}.tetris-category--expanded .tetris-category__chevron{transform:rotate(90deg)}.tetris-category__name{flex:1;color:#fff}.tetris-category__count{font-size:12px;font-weight:500;color:#ffffff80}.tetris-category--has-assigned .tetris-category__count{color:#ec4899}.tetris-category__content{display:none;padding:0 12px 12px}.tetris-category--expanded .tetris-category__content{display:block}.tetris-set-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;margin:6px 0;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;color:#fff;text-align:left;transition:all .2s}.tetris-set-item:hover{background:#ec489933;border-color:#ec489966;transform:translate(4px)}.tetris-set-item--selected{background:#ec48994d;border-color:#ec4899}.tetris-set-item--assigned{border-left:4px solid #ec4899}.tetris-set-item__info{display:flex;flex-direction:column;gap:2px}.tetris-set-item__name{font-size:14px;font-weight:600;color:#fff}.tetris-set-item__count{font-size:12px;color:#ffffff80}.tetris-set-item__badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.tetris-set-selection__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ffffff80;text-align:center}.tetris-set-selection__empty svg{margin-bottom:16px;opacity:.5}.tetris-set-list--nested{flex:1;min-height:0;max-height:none!important;overflow-y:auto;padding:4px}.tetris-game-area{display:flex;flex-direction:column;gap:12px}.tetris-stats-bar{display:flex;justify-content:space-around;background:var(--tetris-bg-dark);border-radius:8px;padding:12px}.tetris-stat{text-align:center}.tetris-stat-value{font-size:24px;font-weight:700;color:var(--tetris-gold)}.tetris-stat-label{font-size:12px;color:var(--tetris-text-muted);text-transform:uppercase}.tetris-timer{font-size:20px;font-weight:700;color:var(--tetris-text);padding:8px 16px;background:var(--tetris-bg-light);border-radius:8px}.tetris-timer.warning{color:var(--tetris-error);animation:tetris-pulse .5s ease-in-out infinite}@keyframes tetris-pulse{0%,to{opacity:1}50%{opacity:.5}}.tetris-board-container{display:flex;justify-content:center}.tetris-board{display:grid;grid-template-columns:repeat(10,22px);grid-template-rows:repeat(20,22px);gap:1px;background:var(--tetris-bg-dark);border:2px solid var(--tetris-bg-light);border-radius:4px;padding:4px}.tetris-cell{width:22px;height:22px;background:#ffffff0d;border-radius:2px;transition:background-color .1s}.tetris-cell.ghost{background:#ffffff26}.tetris-cell.I{background:#00f0f0;box-shadow:inset 0 0 8px #00f0f080}.tetris-cell.O{background:#f0f000;box-shadow:inset 0 0 8px #f0f00080}.tetris-cell.T{background:#a000f0;box-shadow:inset 0 0 8px #a000f080}.tetris-cell.S{background:#00f000;box-shadow:inset 0 0 8px #00f00080}.tetris-cell.Z{background:#f00000;box-shadow:inset 0 0 8px #f0000080}.tetris-cell.J{background:#0000f0;box-shadow:inset 0 0 8px #0000f080}.tetris-cell.L{background:#f0a000;box-shadow:inset 0 0 8px #f0a00080}.tetris-cell.JUNK_1,.tetris-cell.JUNK_2,.tetris-cell.JUNK_3{background:#505050;box-shadow:inset 0 0 8px #50505080}.tetris-cell.tetris-lock-flash{animation:tetris-lock-pulse .3s ease-out}@keyframes tetris-lock-pulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.5);box-shadow:0 0 12px currentColor}to{transform:scale(1);filter:brightness(1)}}.tetris-next-piece{text-align:center}.tetris-next-piece h4{margin:0 0 8px;font-size:14px;color:var(--tetris-text-muted)}.tetris-piece-preview{display:grid;grid-template-columns:repeat(4,20px);grid-template-rows:repeat(4,20px);gap:1px;justify-content:center;background:var(--tetris-bg-dark);padding:8px;border-radius:8px}.tetris-preview-cell{width:20px;height:20px;background:transparent;border-radius:2px}.tetris-preview-cell.I{background:#00f0f0}.tetris-preview-cell.O{background:#f0f000}.tetris-preview-cell.T{background:#a000f0}.tetris-preview-cell.S{background:#00f000}.tetris-preview-cell.Z{background:#f00000}.tetris-preview-cell.J{background:#0000f0}.tetris-preview-cell.L{background:#f0a000}.tetris-preview-cell.JUNK_1,.tetris-preview-cell.JUNK_2,.tetris-preview-cell.JUNK_3{background:#505050}.tetris-preview-hint{grid-column:span 4;font-size:12px;color:var(--tetris-text-muted);text-align:center;padding:10px}.tetris-mobile-controls{display:none;justify-content:center;gap:8px;margin-top:12px}@media (max-width: 768px){.tetris-mobile-controls{display:flex}}.tetris-mobile-btn{width:50px;height:50px;font-size:24px;background:var(--tetris-bg-light);border:none;border-radius:8px;color:var(--tetris-text);cursor:pointer;transition:all .1s}.tetris-mobile-btn:active{background:var(--tetris-accent);transform:scale(.95)}.tetris-question-panel{display:flex;flex-direction:column;gap:20px}.tetris-question-header{display:flex;justify-content:space-between;align-items:center}.tetris-question-number{font-size:14px;color:var(--tetris-text-muted);text-transform:uppercase;letter-spacing:.5px}.tetris-streak{font-size:18px;padding:4px 12px;background:var(--tetris-bg-medium);border-radius:20px;transition:all .3s}.tetris-streak.active{background:linear-gradient(135deg,#ff6b6b,orange);animation:tetris-glow 1s ease-in-out infinite}@keyframes tetris-glow{0%,to{box-shadow:0 0 10px #ffa5004d}50%{box-shadow:0 0 20px #ffa50099}}.tetris-term{font-size:28px;font-weight:700;text-align:center;padding:30px 20px;background:var(--tetris-bg-medium);border-radius:var(--tetris-border-radius);min-height:100px;display:flex;align-items:center;justify-content:center}.tetris-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tetris-choice{padding:16px;background:var(--tetris-bg-medium);border:2px solid transparent;border-radius:var(--tetris-border-radius);cursor:pointer;text-align:center;font-size:16px;transition:all .2s}.tetris-choice:hover:not(.disabled){background:var(--tetris-bg-light);border-color:var(--tetris-accent);transform:translateY(-2px)}.tetris-choice.disabled{cursor:not-allowed;opacity:.7}.tetris-choice.correct{background:#4ecdc433;border-color:var(--tetris-success)}.tetris-choice.wrong{background:#ff6b6b33;border-color:var(--tetris-error)}.tetris-leaderboard-list{display:flex;flex-direction:column;gap:8px}.tetris-leaderboard-empty{color:var(--tetris-text-muted);text-align:center;padding:20px}.tetris-leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--tetris-bg-dark);border-radius:8px;transition:all .2s}.tetris-leaderboard-item.self{background:#e9456026;border:1px solid var(--tetris-accent)}.tetris-leaderboard-item.eliminated{opacity:.5}.tetris-rank{font-size:14px;font-weight:700;color:var(--tetris-text-muted);min-width:30px}.tetris-rank.gold{color:gold}.tetris-rank.silver{color:silver}.tetris-rank.bronze{color:#cd7f32}.tetris-player-info{flex:1}.tetris-player-name{font-weight:600;font-size:14px}.tetris-player-stats{font-size:12px;color:var(--tetris-text-muted)}.tetris-player-score{font-size:18px;font-weight:700;color:var(--tetris-gold)}.tetris-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;animation:tetris-fadeIn .3s ease}@keyframes tetris-fadeIn{0%{opacity:0}to{opacity:1}}.tetris-result-content{text-align:center;padding:40px;color:var(--tetris-text)}.tetris-result-icon{font-size:72px;margin-bottom:20px}.tetris-result-title{font-size:36px;margin:0 0 12px}.tetris-result-subtitle{font-size:18px;color:var(--tetris-text-muted);margin-bottom:30px}.tetris-final-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.tetris-final-stat{text-align:center}.tetris-final-stat-value{font-size:32px;font-weight:700;color:var(--tetris-gold)}.tetris-final-stat-label{font-size:14px;color:var(--tetris-text-muted);text-transform:uppercase}.tetris-play-again-btn,.tetris-close-btn{padding:14px 32px;border-radius:var(--tetris-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin:8px}.tetris-play-again-btn{background:var(--tetris-accent);color:#fff;border:none}.tetris-play-again-btn:hover{background:#d63e55}.tetris-close-btn{background:transparent;color:var(--tetris-text-muted);border:2px solid var(--tetris-text-muted)}.tetris-close-btn:hover{color:var(--tetris-text);border-color:var(--tetris-text)}.tetris-block-reward{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;z-index:10001;animation:tetris-blockPop .6s ease-out forwards;pointer-events:none}@keyframes tetris-blockPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:0}}@media (max-width: 1024px){.tetris-modal__layout{flex-direction:column;max-height:95vh}.tetris-game-panel,.tetris-leaderboard-panel{min-width:unset;max-height:none}.tetris-game-panel.visible{order:1}.tetris-modal__content{order:2}.tetris-leaderboard-panel.visible{order:3;max-height:200px}}@media (max-width: 600px){.tetris-choices{grid-template-columns:1fr}.tetris-term{font-size:22px;padding:20px}.tetris-board{grid-template-columns:repeat(10,18px);grid-template-rows:repeat(20,18px)}.tetris-cell{width:18px;height:18px}.tetris-controls-hint{display:none}}.tetris-mode-toggle{width:100%;max-width:400px;margin-bottom:8px}.tetris-zen-toggle{display:flex;flex-direction:column;background:var(--tetris-bg-medium);border:2px solid var(--tetris-bg-light);border-radius:var(--tetris-border-radius);padding:12px 16px;cursor:pointer;transition:all .2s ease}.tetris-zen-toggle:hover{border-color:var(--tetris-accent)}.tetris-zen-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.tetris-zen-toggle:has(input:checked){border-color:var(--tetris-success);background:#4ecdc41a}.tetris-zen-toggle-label{font-weight:600;font-size:16px;color:var(--tetris-text)}.tetris-zen-toggle-desc{font-size:13px;color:var(--tetris-text-muted);margin-top:4px}.tetris-controls-hint{background:var(--tetris-bg-medium);border:1px solid rgba(255,255,255,.1);border-radius:var(--tetris-border-radius);padding:12px 16px;margin-top:16px;font-size:13px}.tetris-controls-title{font-weight:600;color:var(--tetris-accent);margin-bottom:10px;font-size:14px}.tetris-controls-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--tetris-text-muted)}.tetris-controls-row:last-child{margin-bottom:0}.tetris-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;background:var(--tetris-bg-light);border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:monospace;font-size:12px;color:var(--tetris-text)}.tetris-zen-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4ecdc4,#45b7aa);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px}.tetris-integrated-layout{display:grid;grid-template-columns:auto 1fr;gap:24px;width:100%;height:100%;min-height:450px}.tetris-game-section{display:flex;flex-direction:column;gap:12px;min-width:240px}.tetris-stats-row{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--tetris-bg-medium);border-radius:8px}.tetris-stat-compact{display:flex;align-items:center;gap:6px}.tetris-stat-compact .tetris-stat-icon{font-size:14px}.tetris-stat-compact .tetris-stat-value{font-weight:700;font-size:16px;color:var(--tetris-text)}.tetris-zen-badge-inline{margin-left:auto;background:linear-gradient(135deg,#4ecdc4,#45b7aa);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.tetris-timer-compact{margin-left:auto;font-weight:600;font-size:14px;color:var(--tetris-gold)}.tetris-board-wrapper{display:flex;gap:12px;align-items:flex-start}.tetris-next-piece-inline{display:flex;flex-direction:column;gap:4px;background:var(--tetris-bg-medium);padding:8px;border-radius:8px}.tetris-next-label{font-size:10px;font-weight:700;color:var(--tetris-text-muted);text-transform:uppercase;letter-spacing:1px}.tetris-next-piece-inline .tetris-piece-preview{width:80px;height:80px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px}.tetris-question-section{display:flex;flex-direction:column;gap:16px;flex:1;min-width:280px}.tetris-question-header-row{display:flex;justify-content:space-between;align-items:center}.tetris-question-header-row .tetris-question-number{font-size:14px;color:var(--tetris-text-muted);font-weight:500}.tetris-term-card{background:linear-gradient(135deg,var(--tetris-accent),#c43a52);padding:20px 24px;border-radius:12px;text-align:center}.tetris-term-label{font-size:12px;color:#fffc;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tetris-term-text{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.tetris-choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.tetris-choice-btn{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--tetris-bg-medium);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;font-size:14px;color:var(--tetris-text);min-height:60px}.tetris-choice-btn:hover:not(.disabled){border-color:var(--tetris-accent);background:var(--tetris-bg-light);transform:translateY(-2px)}.tetris-choice-btn:active:not(.disabled){transform:translateY(0)}.tetris-choice-letter{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--tetris-bg-light);border-radius:6px;font-weight:700;font-size:12px;color:var(--tetris-accent);flex-shrink:0}.tetris-choice-text{flex:1;line-height:1.4}.tetris-choice-btn.correct{border-color:var(--tetris-success)!important;background:#4ecdc426!important}.tetris-choice-btn.correct .tetris-choice-letter{background:var(--tetris-success);color:#fff}.tetris-choice-btn.wrong{border-color:var(--tetris-error)!important;background:#ff6b6b26!important}.tetris-choice-btn.wrong .tetris-choice-letter{background:var(--tetris-error);color:#fff}.tetris-choice-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.tetris-controls-mini{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;background:var(--tetris-bg-medium);border-radius:8px;font-size:11px;color:var(--tetris-text-muted)}.tetris-controls-mini span{display:flex;align-items:center;gap:4px}.tetris-controls-mini kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 4px;background:var(--tetris-bg-light);border:1px solid rgba(255,255,255,.15);border-radius:3px;font-family:inherit;font-size:10px}.tetris-zen-indicator{margin-left:4px;font-size:12px;opacity:.8}.tetris-leaderboard-panel.collapsible{max-height:200px;transition:max-height .3s ease}.tetris-leaderboard-panel.collapsible.collapsed{max-height:48px;overflow:hidden}@media (max-width: 700px){.tetris-integrated-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.tetris-game-section{min-width:unset}.tetris-board-wrapper{justify-content:center}.tetris-choices-grid{grid-template-columns:1fr}.tetris-term-text{font-size:18px}.tetris-choice-btn{min-height:50px;padding:12px 14px}}.tetris-teacher-controls{margin:12px;padding:12px;background:linear-gradient(135deg,#7c3aed26,#8b5cf61a);border:1px solid rgba(124,58,237,.3);border-radius:10px;flex-shrink:0}.tetris-teacher-controls__header{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#a78bfa;margin-bottom:12px}.tetris-teacher-controls__header .icon{color:#fbbf24}.tetris-teacher-controls__timer{margin-bottom:12px}.tetris-teacher-controls__label{display:block;font-size:.75rem;color:#9ca3af;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.tetris-teacher-controls__timer-buttons{display:flex;flex-wrap:wrap;gap:6px}.tetris-teacher-btn{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tetris-teacher-btn:hover{background:#ef44444d;border-color:#ef444480}.tetris-teacher-btn--add{background:#22c55e33;color:#86efac;border-color:#22c55e4d}.tetris-teacher-btn--add:hover{background:#22c55e4d;border-color:#22c55e80}.tetris-teacher-controls__view{margin-top:8px}.tetris-teacher-btn--display{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;padding:10px;font-size:.85rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.tetris-teacher-btn--display:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tetris-teacher-btn--display .icon{width:16px;height:16px}.tetris-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;border-radius:8px;font-weight:500;z-index:10002;transition:transform .3s ease}.tetris-notification.show{transform:translate(-50%) translateY(0)}.tetris-notification--success{background:var(--tetris-success);color:#fff}.tetris-notification--error{background:var(--tetris-error);color:#fff}.tetris-notification--info{background:var(--tetris-accent);color:#fff}.tetris-notification--warning{background:#f59e0b;color:#fff}.tetris-modal .rich-content{display:inline;line-height:1.5}.tetris-modal .rich-content p{margin:0 0 .5em}.tetris-modal .rich-content p:last-child{margin-bottom:0}.tetris-modal .rich-content strong,.tetris-modal .rich-content b{font-weight:700;color:#f97316}.tetris-modal .rich-content em,.tetris-modal .rich-content i{font-style:italic}.tetris-modal .rich-content u{text-decoration:underline}.tetris-modal .rich-content s,.tetris-modal .rich-content strike{text-decoration:line-through;opacity:.7}.tetris-modal .rich-content sub{font-size:.75em;vertical-align:sub}.tetris-modal .rich-content sup{font-size:.75em;vertical-align:super}.tetris-modal .rich-content ul,.tetris-modal .rich-content ol{margin:.5em 0;padding-left:1.5em;text-align:left}.tetris-modal .rich-content li{margin:.25em 0}.tetris-modal .rich-content blockquote{margin:.5em 0;padding:.5em 1em;border-left:3px solid #f97316;background:#f973161a;font-style:italic}.tetris-modal .rich-content code{font-family:Fira Code,Consolas,monospace;background:#0000004d;padding:.1em .4em;border-radius:4px;font-size:.9em}.tetris-modal .rich-content pre{margin:.5em 0;padding:.75em 1em;background:#0000004d;border-radius:6px;overflow-x:auto;text-align:left}.tetris-modal .rich-content pre code{background:transparent;padding:0}.tetris-modal .rich-content a{color:#fb923c;text-decoration:underline}.tetris-modal .rich-content a:hover{color:#fdba74}.tetris-modal .rich-content table{width:100%;margin:.5em 0;border-collapse:collapse;font-size:.9em}.tetris-modal .rich-content th,.tetris-modal .rich-content td{padding:.5em .75em;border:1px solid rgba(255,255,255,.2);text-align:left}.tetris-modal .rich-content th{background:#f9731633;font-weight:600}.tetris-modal .rich-content tr:nth-child(2n){background:#ffffff0d}.tetris-modal .rich-content img{max-width:100%;height:auto;border-radius:6px;margin:.5em 0}.tetris-modal .rich-content .ql-color-red{color:#e74c3c}.tetris-modal .rich-content .ql-color-orange{color:#e67e22}.tetris-modal .rich-content .ql-color-yellow{color:#f1c40f}.tetris-modal .rich-content .ql-color-green{color:#27ae60}.tetris-modal .rich-content .ql-color-blue{color:#3498db}.tetris-modal .rich-content .ql-color-purple{color:#9b59b6}.tetris-modal .rich-content .ql-bg-red{background-color:#e74c3c4d}.tetris-modal .rich-content .ql-bg-orange{background-color:#e67e224d}.tetris-modal .rich-content .ql-bg-yellow{background-color:#f1c40f4d}.tetris-modal .rich-content .ql-bg-green{background-color:#27ae604d}.tetris-modal .rich-content .ql-bg-blue{background-color:#3498db4d}.tetris-modal .rich-content .ql-bg-purple{background-color:#9b59b64d}.crafting-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9500;display:none;align-items:center;justify-content:center;pointer-events:auto}.crafting-modal.active{display:flex}.crafting-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crafting-modal__content{position:relative;background:linear-gradient(135deg,var(--sunnyside-earth, #4a3728) 0%,var(--sunnyside-primary-dark, #1a1a2e) 50%,var(--sunnyside-earth, #4a3728) 100%);border:3px solid var(--sunnyside-wood, #8b5a2b);border-radius:20px;padding:0;min-width:650px;max-width:820px;width:70vw;max-height:80vh;box-shadow:0 0 40px #8b451366,0 10px 40px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:crafting-pop-in .25s ease-out}@keyframes crafting-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.crafting-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--sunnyside-wood, #8b5a2b) 0%,#6d3a1a 100%);border-bottom:2px solid rgba(255,215,0,.3);flex-shrink:0}.crafting-modal__title{font-family:Bungee,Impact,sans-serif;font-size:22px;color:var(--sunnyside-accent, #ffd700);text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;display:flex;align-items:center}.crafting-modal__close{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .2s ease}.crafting-modal__close:hover{background:#ff646480;border-color:#ff6b6b;transform:scale(1.1)}.crafting-modal__body{display:flex;flex:1;min-height:0;overflow:hidden}.crafting-modal__sidebar{flex-shrink:0;width:140px;padding:12px 8px;border-right:2px solid rgba(255,215,0,.15);display:flex;flex-direction:column;gap:6px;background:#00000026}.crafting-modal__cat-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid transparent;border-radius:10px;background:#0003;color:var(--sunnyside-text-secondary, #c9a0dc);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.crafting-modal__cat-btn:hover{background:#ffd7001a;border-color:#ffd7004d;color:var(--sunnyside-text-primary, #ffffff)}.crafting-modal__cat-btn--active{background:#ffd70026;border-color:var(--sunnyside-accent, #ffd700);color:var(--sunnyside-accent, #ffd700);text-shadow:0 0 8px rgba(255,215,0,.3)}.crafting-modal__cat-btn svg{flex-shrink:0;opacity:.8}.crafting-modal__cat-btn--active svg{opacity:1}.crafting-modal__recipes{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.crafting-modal__empty{text-align:center;color:var(--sunnyside-text-secondary, #c9a0dc);padding:60px 20px;font-size:16px;font-family:DM Sans,Arial,sans-serif}.crafting-modal__recipe{background:#00000040;border:2px solid rgba(107,74,163,.3);border-radius:14px;padding:14px;transition:all .2s ease}.crafting-modal__recipe--craftable{border-color:#4ade8066;background:#1a472a26}.crafting-modal__recipe--craftable:hover{border-color:#4ade80b3;box-shadow:0 0 16px #4ade8026}.crafting-modal__recipe--locked{opacity:.55}.crafting-modal__recipe-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.crafting-modal__recipe-icon{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#0000004d;padding:4px;flex-shrink:0;image-rendering:pixelated}.crafting-modal__recipe-info{flex:1;min-width:0}.crafting-modal__recipe-name{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:var(--sunnyside-text-primary, #ffffff);margin-bottom:2px}.crafting-modal__recipe-desc{font-family:DM Sans,Arial,sans-serif;font-size:13px;color:var(--sunnyside-text-secondary, #c9a0dc);line-height:1.3}.crafting-modal__recipe-body{display:flex;align-items:center;gap:10px;padding:8px 0}.crafting-modal__ingredients{display:flex;flex-wrap:wrap;gap:8px;flex:1}.crafting-modal__ingredient{display:inline-flex;align-items:center;gap:4px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;font-size:12px;color:var(--sunnyside-text-primary, #ffffff);font-family:DM Sans,Arial,sans-serif}.crafting-modal__ingredient--missing{border-color:#ff6b6b66;color:#ff6b6b}.crafting-modal__ingredient--missing .crafting-modal__ingredient-count{color:#ff6b6b}.crafting-modal__ingredient-icon{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.crafting-modal__ingredient-count{font-weight:700;font-size:12px;color:var(--sunnyside-success, #4ade80)}.crafting-modal__ingredient-name{font-size:11px;opacity:.8}.crafting-modal__arrow{flex-shrink:0;color:var(--sunnyside-accent, #ffd700);opacity:.6;display:flex;align-items:center}.crafting-modal__result{display:flex;align-items:center;gap:4px;background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:10px;padding:6px 10px;flex-shrink:0}.crafting-modal__result-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.crafting-modal__result-qty{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--sunnyside-accent, #ffd700)}.crafting-modal__recipe-footer{display:flex;justify-content:flex-end;margin-top:8px}.crafting-modal__craft-btn{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;padding:8px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#0f2b18;border:2px solid #4ade80;border-radius:10px;cursor:pointer;transition:all .2s ease}.crafting-modal__craft-btn:hover{background:linear-gradient(135deg,#6ee7a0,#4ade80);transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.crafting-modal__craft-btn:active{transform:translateY(0)}.crafting-modal__locked{font-family:DM Sans,Arial,sans-serif;font-size:13px;color:#8b7aa3;display:flex;align-items:center}.crafting-modal__unavailable{font-family:DM Sans,Arial,sans-serif;font-size:13px;color:#ff8a8a;opacity:.8}.crafting-modal__recipes::-webkit-scrollbar{width:8px}.crafting-modal__recipes::-webkit-scrollbar-track{background:#0003;border-radius:4px}.crafting-modal__recipes::-webkit-scrollbar-thumb{background:#8b5a2b99;border-radius:4px}.crafting-modal__recipes::-webkit-scrollbar-thumb:hover{background:#8b5a2be6}@media (max-width: 700px){.crafting-modal__content{min-width:unset;width:96vw;max-height:90vh;border-radius:14px}.crafting-modal__body{flex-direction:column}.crafting-modal__sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:2px solid rgba(255,215,0,.15);overflow-x:auto;padding:8px}.crafting-modal__cat-btn{white-space:nowrap;padding:8px 12px;font-size:13px}.crafting-modal__recipe-body{flex-wrap:wrap}}:root{--sunnyside-primary: #2d1b4e;--sunnyside-primary-dark: #1a1a2e;--sunnyside-accent: #ffd700;--sunnyside-accent-glow: rgba(255, 215, 0, .3);--sunnyside-text-primary: #ffffff;--sunnyside-text-secondary: #c9a0dc;--sunnyside-border: #6b4aa3;--sunnyside-earth: #4a3728;--sunnyside-earth-light: #5c4a3d;--sunnyside-grass: #2d5a3a;--sunnyside-grass-light: #3d7a4a;--sunnyside-wood: #8b5a2b;--sunnyside-water: #4a90d9;--sunnyside-health: #ff6b6b;--sunnyside-health-bg: #4a1a1a;--sunnyside-energy: #87ceeb;--sunnyside-energy-bg: #1a3a4a;--sunnyside-success: #4ade80;--sunnyside-success-bg: #1a472a}.sunnyside-ui{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sunnyside-ui *,.sunnyside-ui button,.sunnyside-ui input{font-family:inherit;box-sizing:border-box}.sunnyside-ui button,.sunnyside-ui .interactive{pointer-events:auto}.sunnyside-hotbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:10px 14px;background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-earth-light) 100%);border:3px solid var(--sunnyside-wood);border-radius:16px;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a;pointer-events:auto}.sunnyside-hotbar__slot{position:relative;width:48px;height:48px;background:#0000004d;border:2px solid rgba(139,90,43,.6);border-radius:10px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sunnyside-hotbar__slot:hover{background:#ffd70026;border-color:var(--sunnyside-accent);transform:translateY(-2px)}.sunnyside-hotbar__slot--selected{background:#ffd70033;border-color:var(--sunnyside-accent);box-shadow:0 0 12px var(--sunnyside-accent-glow),inset 0 0 8px #ffd70033}.sunnyside-hotbar__slot--blocked{opacity:.5;pointer-events:auto}.sunnyside-hotbar__slot--blocked .sunnyside-hotbar__icon{filter:grayscale(60%)}.sunnyside-hotbar__slot--selected:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--sunnyside-accent);border-radius:14px;animation:sunnyside-pulse 1.5s ease-in-out infinite}@keyframes sunnyside-pulse{0%,to{opacity:1}50%{opacity:.5}}.sunnyside-hotbar__icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.sunnyside-hotbar__key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:var(--sunnyside-accent);text-shadow:0 1px 2px rgba(0,0,0,.8)}.sunnyside-hotbar__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:var(--sunnyside-primary-dark);border:1px solid var(--sunnyside-border);border-radius:6px;font-size:12px;color:var(--sunnyside-text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.sunnyside-hotbar__slot:hover .sunnyside-hotbar__tooltip{opacity:1}.sunnyside-hotbar__seed-indicator{position:absolute;bottom:2px;right:4px;font-size:8px;color:var(--sunnyside-accent);text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:.7;animation:sunnyside-seed-bounce 2s ease-in-out infinite}@keyframes sunnyside-seed-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sunnyside-hotbar__slot--selected .sunnyside-hotbar__seed-indicator{opacity:1}.sunnyside-seed-menu{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-earth-light) 100%);border:3px solid var(--sunnyside-wood);border-radius:16px;padding:12px 16px;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a;pointer-events:auto;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .2s ease;z-index:2000}.sunnyside-seed-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.sunnyside-seed-menu__title{font-size:14px;font-weight:700;color:var(--sunnyside-accent);text-align:center;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.sunnyside-seed-menu__options{display:flex;gap:8px}.sunnyside-seed-menu__option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#0000004d;border:2px solid rgba(139,90,43,.6);border-radius:10px;cursor:pointer;transition:all .15s ease;min-width:64px}.sunnyside-seed-menu__option:hover{background:#ffd70026;border-color:var(--sunnyside-accent);transform:translateY(-2px)}.sunnyside-seed-menu__option--active{background:#ffd70033;border-color:var(--sunnyside-accent);box-shadow:0 0 12px var(--sunnyside-accent-glow)}.sunnyside-seed-menu__key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:var(--sunnyside-accent);text-shadow:0 1px 2px rgba(0,0,0,.8)}.sunnyside-seed-menu__icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.sunnyside-seed-menu__name{font-size:10px;color:var(--sunnyside-text-secondary);text-align:center}.sunnyside-seed-menu__hint{margin-top:10px;font-size:11px;color:var(--sunnyside-text-secondary);text-align:center;opacity:.7}.sunnyside-hud{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.sunnyside-hud__panel{background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:12px;padding:12px 16px;box-shadow:0 4px 16px #0006;min-width:180px}.sunnyside-health-hearts{display:flex;align-items:center;gap:4px;padding:4px 0}.sunnyside-heart{width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.sunnyside-heart svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.sunnyside-heart--full svg{fill:#ff4d4d;stroke:#b30000;stroke-width:1.5}.sunnyside-heart--half{position:relative}.sunnyside-heart--half svg{fill:#4a4a4a;stroke:#b30000;stroke-width:1.5}.sunnyside-heart--half:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden}.sunnyside-heart--half svg:first-child{fill:#ff4d4d;clip-path:inset(0 50% 0 0)}.sunnyside-heart--empty svg{fill:#3a3a3a;stroke:#666;stroke-width:1.5}@keyframes heart-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-5deg)}75%{transform:translate(3px) rotate(5deg)}}.sunnyside-heart--damage{animation:heart-shake .3s ease}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sunnyside-heart--heal{animation:heart-pulse .4s ease}.sunnyside-health-bar{display:flex;align-items:center;gap:10px}.sunnyside-health-bar__icon{font-size:20px}.sunnyside-health-bar__track{flex:1;height:16px;background:var(--sunnyside-health-bg);border-radius:8px;overflow:hidden;border:1px solid rgba(255,107,107,.3)}.sunnyside-health-bar__fill{height:100%;background:linear-gradient(90deg,#ff4444 0%,var(--sunnyside-health) 100%);border-radius:8px;transition:width .3s ease;box-shadow:0 0 8px #ff6b6b80}.sunnyside-health-bar__text{font-size:14px;font-weight:600;color:var(--sunnyside-health);min-width:50px;text-align:right}.sunnyside-energy-bar{display:flex;align-items:center;gap:10px}.sunnyside-energy-bar__icon{font-size:20px}.sunnyside-energy-bar__track{flex:1;height:16px;background:var(--sunnyside-energy-bg);border-radius:8px;overflow:hidden;border:1px solid rgba(135,206,235,.3)}.sunnyside-energy-bar__fill{height:100%;background:linear-gradient(90deg,#4a90d9 0%,var(--sunnyside-energy) 100%);border-radius:8px;transition:width .3s ease;box-shadow:0 0 8px #87ceeb80}.sunnyside-energy-bar__text{font-size:14px;font-weight:600;color:var(--sunnyside-energy);min-width:50px;text-align:right}.sunnyside-resources{position:fixed;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:1000}.sunnyside-resource{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:10px;padding:6px 12px;box-shadow:0 3px 10px #0006}.sunnyside-resource__icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.sunnyside-resource__value{font-size:16px;font-weight:700;color:var(--sunnyside-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);min-width:50px;text-align:right}.sunnyside-resource--coins .sunnyside-resource__value{color:var(--sunnyside-accent)}.sunnyside-resource--wood .sunnyside-resource__value{color:#deb887}.sunnyside-resource--stone .sunnyside-resource__value{color:#a0a0a0}.sunnyside-seeds{background:linear-gradient(135deg,var(--sunnyside-grass) 0%,var(--sunnyside-grass-light) 100%);border:2px solid rgba(74,222,128,.4);border-radius:12px;padding:10px 14px;box-shadow:0 4px 16px #0006}.sunnyside-seeds__title{font-size:12px;font-weight:600;color:var(--sunnyside-success);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sunnyside-seeds__list{display:flex;flex-direction:column;gap:4px}.sunnyside-seeds__item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--sunnyside-text-primary)}.sunnyside-seeds__item-name{color:var(--sunnyside-text-secondary)}.sunnyside-seeds__item-count{font-weight:600;color:var(--sunnyside-success)}.sunnyside-inventory{background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:12px;padding:10px 14px;box-shadow:0 4px 16px #0006;max-width:200px}.sunnyside-inventory__title{font-size:12px;font-weight:600;color:var(--sunnyside-accent);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sunnyside-inventory__list{display:flex;flex-wrap:wrap;gap:4px}.sunnyside-inventory__item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;border-radius:6px;font-size:12px;color:var(--sunnyside-text-primary);position:relative}.sunnyside-inventory__item:hover{background:#ffffff26}.sunnyside-inventory__eat-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:4px;padding:2px 6px;font-size:10px;cursor:pointer;margin-left:4px;transition:all .15s ease;opacity:.8}.sunnyside-inventory__eat-btn:hover{background:linear-gradient(135deg,#86efac,#4ade80);transform:scale(1.1);opacity:1}.sunnyside-inventory__eat-btn:active{transform:scale(.95)}.sunnyside-inventory__empty{color:var(--sunnyside-text-secondary);font-size:12px;font-style:italic}.sunnyside-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;display:none;align-items:center;justify-content:center;pointer-events:auto}.sunnyside-modal.active{display:flex}.sunnyside-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sunnyside-modal__content{position:relative;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:3px solid var(--sunnyside-border);border-radius:20px;padding:24px;box-shadow:0 0 40px #6b4aa366,0 10px 40px #00000080;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:sunnyside-modal-in .3s ease-out}@keyframes sunnyside-modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sunnyside-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(107,74,163,.5)}.sunnyside-modal__title{font-family:Bungee,Impact,sans-serif;font-size:24px;color:var(--sunnyside-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;display:flex;align-items:center;gap:10px}.sunnyside-modal__close{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:var(--sunnyside-text-primary);font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sunnyside-modal__close:hover{background:#ff6b6b4d;color:#ff6b6b}.sunnyside-modal__coins{text-align:center;font-size:16px;color:var(--sunnyside-text-primary);margin-bottom:16px}.sunnyside-modal__coins-value{font-weight:700;color:var(--sunnyside-accent)}.sunnyside-shop__sections{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sunnyside-shop__section{background:#0003;border-radius:12px;padding:16px}.sunnyside-shop__section-title{font-size:16px;font-weight:700;color:var(--sunnyside-success);margin-bottom:12px;display:flex;align-items:center;gap:8px}.sunnyside-shop__section--animals .sunnyside-shop__section-title{color:var(--sunnyside-water)}.sunnyside-shop__items{display:flex;flex-direction:column;gap:8px}.sunnyside-shop__item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#4a2c1799;border:2px solid rgba(139,90,43,.5);border-radius:8px;cursor:pointer;transition:all .2s}.sunnyside-shop__item:hover{background:#8b5a2b80;border-color:var(--sunnyside-accent);transform:translate(4px)}.sunnyside-shop__item--disabled{opacity:.5;cursor:not-allowed}.sunnyside-shop__item--disabled:hover{transform:none;border-color:#8b5a2b80}.sunnyside-shop__item-name{font-size:14px;font-weight:600;color:var(--sunnyside-text-primary);display:flex;align-items:center;gap:6px}.sunnyside-shop__item-price{font-size:14px;font-weight:700;color:var(--sunnyside-accent)}.sunnyside-shop__section--animals .sunnyside-shop__item{background:#1b3d2d99;border-color:#2d5a4a80}.sunnyside-shop__section--animals .sunnyside-shop__item:hover{background:#2d5a4a80}.sunnyside-shop__footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(107,74,163,.5);text-align:center}.sunnyside-shop__info{font-size:13px;color:var(--sunnyside-text-secondary);margin-bottom:8px}.sunnyside-shop__hint{font-size:12px;color:#c9a0dcb3}.sunnyside-build__items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.sunnyside-build__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#2d1b4e99;border:2px solid rgba(107,74,163,.5);border-radius:12px;cursor:pointer;transition:all .2s}.sunnyside-build__item:hover{background:#6b4aa366;border-color:var(--sunnyside-accent);transform:translateY(-2px)}.sunnyside-build__item--selected{background:#6b4aa399;border-color:var(--sunnyside-accent);box-shadow:0 0 12px var(--sunnyside-accent-glow)}.sunnyside-build__item-icon{font-size:32px}.sunnyside-build__item-name{font-size:13px;font-weight:600;color:var(--sunnyside-text-primary)}.sunnyside-build__item-price{font-size:12px;color:var(--sunnyside-accent)}.sunnyside-build__delete-btn{width:100%;padding:12px;background:linear-gradient(135deg,#8b0000,#5a0000);border:2px solid #ff4444;border-radius:10px;color:#f66;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sunnyside-build__delete-btn:hover{background:linear-gradient(135deg,#a00,#6a0000);transform:translateY(-2px)}.sunnyside-build__instructions{margin-top:16px;text-align:center;font-size:12px;color:var(--sunnyside-text-secondary)}.sunnyside-build-indicator{position:fixed;top:16px;left:50%;transform:translate(-50%);padding:12px 20px;background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-earth-light) 100%);border:2px solid var(--sunnyside-accent);border-radius:12px;color:var(--sunnyside-accent);font-size:14px;font-weight:600;display:none;align-items:center;gap:8px;box-shadow:0 4px 16px #0006;pointer-events:auto;animation:sunnyside-pulse 2s ease-in-out infinite}.sunnyside-build-indicator.active{display:flex}.sunnyside-build-indicator--delete{border-color:#ff6b6b;color:#ff6b6b;background:linear-gradient(135deg,#4a1a1a,#2a0f0f)}.sunnyside-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:12px;color:var(--sunnyside-text-primary);font-size:14px;font-weight:600;z-index:9500;animation:sunnyside-notification-in .3s ease-out;box-shadow:0 4px 20px #00000080;pointer-events:none}.sunnyside-notification--success{border-color:var(--sunnyside-success);background:linear-gradient(135deg,var(--sunnyside-success-bg) 0%,#0f2a1a 100%)}.sunnyside-notification--error{border-color:#ff6b6b;background:linear-gradient(135deg,var(--sunnyside-health-bg) 0%,#2a0f0f 100%)}.sunnyside-notification--coins{border-color:var(--sunnyside-accent);color:var(--sunnyside-accent)}@keyframes sunnyside-notification-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sunnyside-notification--hide{opacity:0;transform:translate(-50%) translateY(-20px);transition:all .3s ease-out}.sunnyside-help-btn{position:fixed;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);color:var(--sunnyside-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:all .2s ease;pointer-events:auto;z-index:100}.sunnyside-help-btn:hover{transform:scale(1.1);background:linear-gradient(135deg,var(--sunnyside-border) 0%,var(--sunnyside-primary) 100%);border-color:var(--sunnyside-accent);box-shadow:0 0 16px var(--sunnyside-accent-glow)}.sunnyside-help-btn:active{transform:scale(.95)}.sunnyside-help-btn svg{width:24px;height:24px}@media (max-width: 768px){.sunnyside-help-btn{bottom:80px;width:42px;height:42px}.sunnyside-help-btn svg{width:20px;height:20px}}.sunnyside-help__content{display:flex;flex-direction:column;gap:16px}.sunnyside-help__section{background:#0003;border-radius:10px;padding:12px}.sunnyside-help__section-title{font-size:14px;font-weight:700;color:var(--sunnyside-success);margin-bottom:8px}.sunnyside-help__items{display:flex;flex-direction:column;gap:4px}.sunnyside-help__item{display:flex;justify-content:space-between;font-size:13px;color:var(--sunnyside-text-secondary)}.sunnyside-help__key{font-weight:600;color:var(--sunnyside-accent);font-family:monospace;background:#ffd7001a;padding:2px 6px;border-radius:4px}.sunnyside-instructions{position:fixed;top:16px;left:16px;padding:8px 14px;background:#000000bf;border-radius:8px;font-size:12px;color:var(--sunnyside-text-primary);pointer-events:auto;z-index:500}.sunnyside-mobile-toolbar{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:auto}.sunnyside-mobile-btn{width:56px;height:56px;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:12px;color:var(--sunnyside-text-primary);font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006}.sunnyside-mobile-btn:hover,.sunnyside-mobile-btn:active{background:linear-gradient(135deg,var(--sunnyside-border) 0%,var(--sunnyside-primary) 100%);transform:scale(1.05)}.sunnyside-mobile-btn--selected{border-color:var(--sunnyside-accent);box-shadow:0 0 12px var(--sunnyside-accent-glow)}@media (max-width: 768px){.sunnyside-hotbar{bottom:8px;padding:8px 10px;gap:4px}.sunnyside-hotbar__slot{width:42px;height:42px}.sunnyside-hotbar__icon{width:28px;height:28px}.sunnyside-hud,.sunnyside-resources{top:8px}.sunnyside-hud{left:8px}.sunnyside-resources{right:8px}.sunnyside-inventory-btn{top:46px;right:8px;width:32px;height:32px}.sunnyside-hud__panel,.sunnyside-resource,.sunnyside-seeds,.sunnyside-inventory{padding:6px 10px;border-radius:10px}.sunnyside-modal__content{padding:16px;border-radius:16px}.sunnyside-shop__sections{grid-template-columns:1fr}}@media (orientation: landscape) and (max-height: 500px){.sunnyside-hud,.sunnyside-resources{top:6px}.sunnyside-hud{left:6px}.sunnyside-resources{right:6px;flex-direction:row;flex-wrap:wrap;max-width:50%;gap:4px}.sunnyside-hud__panel{padding:6px 10px;min-width:140px}.sunnyside-resource{padding:4px 8px}.sunnyside-resource__icon{width:18px;height:18px}.sunnyside-resource__value{font-size:14px;min-width:40px}.sunnyside-health-bar__track,.sunnyside-energy-bar__track{height:12px}.sunnyside-health-bar__text,.sunnyside-energy-bar__text{font-size:12px;min-width:40px}.sunnyside-hotbar{bottom:6px;padding:6px 8px;gap:3px}.sunnyside-hotbar__slot{width:36px;height:36px}.sunnyside-hotbar__icon{width:24px;height:24px}.sunnyside-hotbar__key{font-size:8px;top:1px;left:2px}.sunnyside-seeds{padding:6px 10px}.sunnyside-seeds__title{font-size:10px;margin-bottom:4px}.sunnyside-seeds__item{font-size:11px}.sunnyside-inventory{padding:6px 10px;max-width:150px}.sunnyside-inventory__title{font-size:10px;margin-bottom:4px}.sunnyside-inventory__item{font-size:10px;padding:2px 4px}}.sunnyside-hud-btn{position:fixed;right:16px;width:52px;height:52px;background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-earth-light) 100%);border:3px solid var(--sunnyside-wood);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26;transition:all .2s ease;pointer-events:auto;z-index:1001}.sunnyside-hud-btn:hover{transform:translateY(-2px) scale(1.05);border-color:var(--sunnyside-accent);box-shadow:0 6px 20px var(--sunnyside-accent-glow),inset 0 1px #fff3}.sunnyside-hud-btn:active{transform:translateY(0) scale(.98)}.sunnyside-hud-btn svg{width:28px;height:28px;fill:var(--sunnyside-accent);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.sunnyside-hud-btn--open{background:linear-gradient(135deg,var(--sunnyside-accent) 0%,#f0c000 100%);border-color:var(--sunnyside-accent)}.sunnyside-hud-btn--open svg{fill:var(--sunnyside-primary-dark)}.sunnyside-backpack-toggle{position:fixed;top:160px;right:16px;width:52px;height:52px;background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-earth-light) 100%);border:3px solid var(--sunnyside-wood);border-radius:14px;cursor:pointer;z-index:1001;pointer-events:auto;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26;transition:all .2s ease}.sunnyside-backpack-toggle svg{width:28px;height:28px;fill:var(--sunnyside-accent);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.sunnyside-backpack-toggle:hover{transform:translateY(-2px) scale(1.05);border-color:var(--sunnyside-accent);box-shadow:0 6px 20px var(--sunnyside-accent-glow),inset 0 1px #fff3}.sunnyside-backpack-toggle:active{transform:translateY(0) scale(.98)}.sunnyside-backpack-toggle--open{background:linear-gradient(135deg,var(--sunnyside-accent) 0%,#f0c000 100%);border-color:var(--sunnyside-accent)}.sunnyside-backpack-toggle--open svg{fill:var(--sunnyside-primary-dark)}.sunnyside-backpack-toggle__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;background:#f87171;border:2px solid #dc2626;border-radius:10px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #dc262680}.sunnyside-backpack-panel{position:fixed;top:220px;right:16px;display:none;flex-direction:column;gap:6px;max-width:200px;max-height:calc(100vh - 240px);overflow-y:auto;z-index:1000;pointer-events:auto;opacity:0;transform:translate(20px);transition:opacity .2s ease,transform .2s ease;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:12px;padding:10px}.sunnyside-backpack-panel.active{opacity:1;transform:translate(0)}.sunnyside-backpack__section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.2)}.sunnyside-backpack__section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.sunnyside-backpack__title{font-size:11px;font-weight:600;color:var(--sunnyside-accent);margin-bottom:4px;text-transform:uppercase}.sunnyside-backpack__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sunnyside-text-primary);padding:2px 0}.sunnyside-backpack__item img{width:16px;height:16px;image-rendering:pixelated}.sunnyside-backpack__more{font-size:11px;color:var(--sunnyside-text-secondary);font-style:italic;padding:2px 0}.sunnyside-backpack__full-btn{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid rgba(255,215,0,.4);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.sunnyside-backpack__full-btn:hover{border-color:var(--sunnyside-accent);transform:translateY(-1px)}@media (max-width: 768px),(pointer: coarse){.sunnyside-backpack-toggle{display:flex}.sunnyside-ui--backpack-mode .sunnyside-resources{display:none}.sunnyside-ui--backpack-mode .sunnyside-backpack-panel{display:flex}}@media (orientation: landscape) and (max-height: 500px){.sunnyside-backpack-toggle{width:44px;height:44px;top:130px;right:12px}.sunnyside-backpack-toggle svg{width:22px;height:22px}.sunnyside-backpack-panel{top:182px;right:12px;max-height:calc(100vh - 200px);gap:4px}}.sunnyside-inventory-btn{position:fixed;top:52px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:2px solid var(--sunnyside-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sunnyside-accent);pointer-events:auto;box-shadow:0 3px 8px #0006;transition:all .2s ease;z-index:1001}.sunnyside-inventory-btn:hover{transform:scale(1.08);border-color:var(--sunnyside-accent);box-shadow:0 4px 12px #6b4aa380}.sunnyside-inventory-btn:active{transform:scale(.95)}.sunnyside-inventory-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media (max-width: 768px),(pointer: coarse){.sunnyside-inventory-btn{display:none}}.sunnyside-grades-btn{position:fixed;top:96px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,#3d2a1a,#2a1c0f);border:2px solid #c5943a;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:gold;pointer-events:auto;box-shadow:0 3px 8px #0006;transition:all .2s ease;z-index:1001}.sunnyside-grades-btn:hover{transform:scale(1.08);border-color:gold;box-shadow:0 4px 12px #c5943a80}.sunnyside-grades-btn:active{transform:scale(.95)}.sunnyside-grades-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media (max-width: 768px),(pointer: coarse){.sunnyside-grades-btn{display:none}}.sunnyside-inventory-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9500;display:none;align-items:center;justify-content:center;pointer-events:auto}.sunnyside-inventory-modal.active{display:flex}.sunnyside-inventory-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sunnyside-inventory-modal__content{position:relative;background:linear-gradient(135deg,var(--sunnyside-earth) 0%,var(--sunnyside-primary-dark) 50%,var(--sunnyside-earth) 100%);border:3px solid var(--sunnyside-wood);border-radius:20px;padding:0;min-width:600px;max-width:800px;max-height:80vh;box-shadow:0 0 40px #8b451366,0 10px 40px #00000080;overflow:hidden;display:flex;flex-direction:column}.sunnyside-inventory-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--sunnyside-wood) 0%,#6d3a1a 100%);border-bottom:2px solid rgba(255,215,0,.3)}.sunnyside-inventory-modal__title{font-family:Bungee,Impact,sans-serif;font-size:22px;color:var(--sunnyside-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;display:flex;align-items:center}.sunnyside-inventory-modal__close{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .2s ease}.sunnyside-inventory-modal__close:hover{background:#ff646480;border-color:#ff6b6b;transform:scale(1.1)}.sunnyside-inventory-modal__empty{text-align:center;color:var(--sunnyside-text-secondary);padding:40px 20px;font-size:16px}.sunnyside-inventory-modal__section{background:#0003;border-radius:12px;padding:12px}.sunnyside-inventory-modal__section-title{font-family:Bungee,Impact,sans-serif;font-size:14px;color:var(--sunnyside-accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.2)}.sunnyside-inventory-modal__section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.sunnyside-inventory-modal__item{background:linear-gradient(135deg,#0006,#0003);border:2px solid rgba(255,215,0,.2);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s ease;position:relative}.sunnyside-inventory-modal__item:hover{border-color:var(--sunnyside-accent);background:linear-gradient(135deg,#8b45134d,#0000004d);transform:translateY(-2px)}.sunnyside-inventory-modal__item-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.sunnyside-inventory-modal__item-name{font-size:12px;color:var(--sunnyside-text-primary);text-transform:capitalize;text-align:center}.sunnyside-inventory-modal__item-count{font-family:Bungee,Impact,sans-serif;font-size:14px;color:var(--sunnyside-accent);text-shadow:0 1px 2px rgba(0,0,0,.5)}.sunnyside-inventory-modal__eat-btn{position:absolute;top:4px;right:4px;background:#4ade80cc;border:none;border-radius:6px;width:24px;height:24px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .2s ease}.sunnyside-inventory-modal__eat-btn:hover{background:var(--sunnyside-success);transform:scale(1.1)}.sunnyside-inventory-modal__item--consumable{position:relative;padding-bottom:36px;border-color:#4ade8066}.sunnyside-inventory-modal__item--consumable:hover{border-color:var(--sunnyside-success)}.sunnyside-inventory-modal__consume-btn{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--sunnyside-grass) 0%,var(--sunnyside-grass-light) 100%);border:2px solid rgba(74,222,128,.6);border-radius:8px;padding:4px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;pointer-events:auto;transition:all .2s ease}.sunnyside-inventory-modal__consume-btn svg{width:14px;height:14px;fill:var(--sunnyside-accent)}.sunnyside-inventory-modal__consume-btn span{font-size:11px;font-weight:600;color:var(--sunnyside-text-primary)}.sunnyside-inventory-modal__consume-btn:hover{background:linear-gradient(135deg,var(--sunnyside-grass-light) 0%,#4a9a5a 100%);border-color:var(--sunnyside-success);transform:translate(-50%) scale(1.05);box-shadow:0 2px 8px #4ade8066}.sunnyside-inventory-modal__consume-btn:active{transform:translate(-50%) scale(.98)}.sunnyside-inventory-modal__item-buff{position:absolute;bottom:-18px;left:0;right:0;font-size:9px;color:var(--sunnyside-text-secondary);text-align:center;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sunnyside-inventory-modal__item--selected{border-color:var(--sunnyside-accent);background:linear-gradient(135deg,#ffd70033,#8b45134d);box-shadow:0 0 12px #ffd7004d}.sunnyside-inventory-modal__body{display:flex;flex:1;min-height:0;overflow:hidden}.sunnyside-inventory-modal__grid{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:60vh}.sunnyside-inventory-modal__detail{width:220px;min-width:220px;background:linear-gradient(180deg,#0006,#0003);border-left:2px solid rgba(255,215,0,.2);padding:16px;display:flex;flex-direction:column;overflow-y:auto}.sunnyside-inventory-modal__detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--sunnyside-text-secondary);text-align:center;font-size:14px;opacity:.7}.sunnyside-inventory-modal__detail-placeholder-icon{font-size:32px;opacity:.5}.sunnyside-inventory-modal__detail-content{display:flex;flex-direction:column;gap:16px}.sunnyside-inventory-modal__detail-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,215,0,.2)}.sunnyside-inventory-modal__detail-icon{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));background:#0000004d;border-radius:12px;padding:8px;border:2px solid rgba(255,215,0,.3)}.sunnyside-inventory-modal__detail-title-group{text-align:center}.sunnyside-inventory-modal__detail-name{font-family:Bungee,Impact,sans-serif;font-size:18px;color:var(--sunnyside-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;text-transform:capitalize}.sunnyside-inventory-modal__detail-category{font-size:12px;color:var(--sunnyside-text-secondary);text-transform:uppercase;letter-spacing:1px}.sunnyside-inventory-modal__detail-count{font-family:Bungee,Impact,sans-serif;font-size:16px;color:var(--sunnyside-accent);background:#0006;padding:4px 12px;border-radius:20px}.sunnyside-inventory-modal__detail-description{font-size:14px;color:var(--sunnyside-text-primary);line-height:1.5;margin:0}.sunnyside-inventory-modal__detail-effects{background:linear-gradient(135deg,var(--sunnyside-success-bg) 0%,rgba(26,71,42,.5) 100%);border:1px solid rgba(74,222,128,.3);border-radius:10px;padding:12px}.sunnyside-inventory-modal__detail-effects-label{font-size:12px;color:var(--sunnyside-text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.sunnyside-inventory-modal__detail-effects-icon{display:flex;align-items:center}.sunnyside-inventory-modal__detail-effects-icon svg{width:14px;height:14px;fill:var(--sunnyside-success)}.sunnyside-inventory-modal__detail-effects-value{font-size:14px;font-weight:600;color:var(--sunnyside-success)}.sunnyside-inventory-modal__detail-effects-duration{font-size:11px;color:var(--sunnyside-accent);margin-top:6px;opacity:.9}.sunnyside-inventory-modal__detail-tips{background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--sunnyside-text-secondary);line-height:1.4;display:flex;gap:8px;align-items:flex-start}.sunnyside-inventory-modal__detail-tips-icon{flex-shrink:0}.sunnyside-inventory-modal__detail-eat-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#1a472a,#2d5a3d);border:2px solid var(--sunnyside-success);border-radius:10px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:auto}.sunnyside-inventory-modal__detail-eat-btn svg{width:16px;height:16px;fill:currentColor}.sunnyside-inventory-modal__detail-eat-btn:hover{background:linear-gradient(135deg,#2d5a3d,#3d7a4a);transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.sunnyside-consume-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center}.sunnyside-consume-confirm__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sunnyside-consume-confirm__content{position:relative;background:linear-gradient(135deg,var(--sunnyside-primary) 0%,var(--sunnyside-primary-dark) 100%);border:3px solid var(--sunnyside-border);border-radius:16px;padding:24px;min-width:300px;max-width:90vw;box-shadow:0 0 40px #6b4aa366,0 10px 40px #00000080;animation:sunnyside-modal-pop .2s ease-out}.sunnyside-consume-confirm__header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,215,0,.2)}.sunnyside-consume-confirm__icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.sunnyside-consume-confirm__header h3{margin:0;font-family:Bungee,Impact,sans-serif;font-size:20px;color:var(--sunnyside-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:capitalize}.sunnyside-consume-confirm__body{margin-bottom:20px}.sunnyside-consume-confirm__buff,.sunnyside-consume-confirm__duration{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.sunnyside-consume-confirm__buff-label,.sunnyside-consume-confirm__duration-label{font-size:14px;color:var(--sunnyside-text-secondary)}.sunnyside-consume-confirm__buff-value{font-size:14px;color:var(--sunnyside-success);font-weight:600}.sunnyside-consume-confirm__duration-value{font-size:14px;color:var(--sunnyside-accent);font-weight:600}.sunnyside-consume-confirm__actions{display:flex;gap:12px;justify-content:flex-end}.sunnyside-consume-confirm__btn{padding:10px 20px;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:2px solid transparent}.sunnyside-consume-confirm__btn svg{width:16px;height:16px}.sunnyside-consume-confirm__btn--cancel{background:#ffffff1a;border-color:#fff3;color:var(--sunnyside-text-secondary)}.sunnyside-consume-confirm__btn--cancel:hover{background:#fff3;color:var(--sunnyside-text-primary)}.sunnyside-consume-confirm__btn--confirm{background:linear-gradient(135deg,#1a472a,#2d5a3d);border-color:var(--sunnyside-success);color:#fff}.sunnyside-consume-confirm__btn--confirm:hover{background:linear-gradient(135deg,#2d5a3d,#3d7a4a);transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}@keyframes sunnyside-modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 700px){.sunnyside-inventory-modal__content{min-width:90vw;max-width:95vw;max-height:90vh;margin:10px}.sunnyside-inventory-modal__body{flex-direction:column}.sunnyside-inventory-modal__grid{max-height:40vh;padding:12px}.sunnyside-inventory-modal__section-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sunnyside-inventory-modal__item{padding:8px}.sunnyside-inventory-modal__item-icon{width:40px;height:40px}.sunnyside-inventory-modal__detail{width:100%;min-width:unset;max-height:40vh;border-left:none;border-top:2px solid rgba(255,215,0,.2)}.sunnyside-inventory-modal__detail-header{flex-direction:row;gap:12px}.sunnyside-inventory-modal__detail-icon{width:56px;height:56px}.sunnyside-inventory-modal__detail-title-group{text-align:left;flex:1}.sunnyside-consume-confirm__content{min-width:280px;padding:20px}.sunnyside-consume-confirm__actions{flex-direction:column}.sunnyside-consume-confirm__btn{justify-content:center}}.mobile-action-bar{position:fixed;bottom:80px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:12px 16px;pointer-events:none;z-index:900;opacity:0;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease}.mobile-action-bar--visible{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-action-bar__group{display:flex;gap:10px;pointer-events:auto}.mobile-action-bar__group--left,.mobile-action-bar__group--right{flex-direction:row}.mobile-action-bar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:8px 12px;border:none;border-radius:14px;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);box-shadow:0 4px 12px #0006,0 0 0 2px #6b4aa380,inset 0 1px #ffffff1a;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.mobile-action-bar__btn:active{transform:scale(.95);box-shadow:0 2px 8px #00000080,0 0 0 2px #6b4aa3b3,inset 0 1px #ffffff1a}.mobile-action-bar__btn:disabled,.mobile-action-bar__btn--disabled{opacity:.5;pointer-events:none}.mobile-action-bar__btn--active{background:linear-gradient(135deg,#4a2d7e,#6b4aa3);box-shadow:0 4px 12px #6b4aa380,0 0 0 2px gold,inset 0 1px #fff3}.mobile-action-bar__btn--active .mobile-action-bar__btn-label{color:gold}.mobile-action-bar__btn--large{min-width:72px;min-height:72px;padding:12px 16px;border-radius:18px}.mobile-action-bar__btn--primary{background:linear-gradient(135deg,#4a2d7e,#2d1b4e);box-shadow:0 4px 16px #6b4aa380,0 0 0 3px #ffd70066,inset 0 1px #ffffff26}.mobile-action-bar__btn--primary:active{background:linear-gradient(135deg,#6b4aa3,#4a2d7e)}.mobile-action-bar__btn-icon{font-size:24px;line-height:1;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.mobile-action-bar__btn-icon svg{width:22px;height:22px;stroke:gold;fill:none}.mobile-action-bar__btn--active .mobile-action-bar__btn-icon svg{stroke:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.mobile-action-bar__btn-icon img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mobile-action-bar__btn--large .mobile-action-bar__btn-icon{font-size:28px;margin-bottom:4px}.mobile-action-bar__btn--large .mobile-action-bar__btn-icon svg{width:26px;height:26px}.mobile-action-bar__btn--large .mobile-action-bar__btn-icon img{width:28px;height:28px}.mobile-action-bar__btn-label{font-family:Space Grotesk,DM Sans,sans-serif;font-size:10px;font-weight:600;color:#c9a0dc;text-transform:uppercase;letter-spacing:.5px}.mobile-action-bar__btn--large .mobile-action-bar__btn-label{font-size:11px}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-action-bar{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-height: 500px){.mobile-action-bar{padding:8px 16px 12px}.mobile-action-bar__btn{min-width:48px;min-height:48px;padding:6px 10px}.mobile-action-bar__btn--large{min-width:60px;min-height:60px}.mobile-action-bar__btn-icon{font-size:20px}.mobile-action-bar__btn-label{font-size:9px}}@media (max-width: 360px){.mobile-action-bar__group{gap:6px}.mobile-action-bar__btn{min-width:48px;min-height:48px}.mobile-action-bar__btn--large{min-width:60px;min-height:60px}}.mobile-action-bar__btn--more{position:relative}.mobile-action-bar__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#ff6b6b;border-radius:9px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.mobile-action-bar__btn--pinned{min-width:52px;min-height:52px}.mobile-action-bar__menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:899;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-action-bar__menu-overlay--visible{opacity:1;pointer-events:auto}.mobile-action-bar__menu{position:fixed;bottom:160px;left:16px;min-width:200px;max-width:280px;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border:2px solid #6b4aa3;border-radius:16px;padding:12px;z-index:901;box-shadow:0 8px 32px #00000080,0 0 0 1px #6b4aa34d,inset 0 1px #ffffff1a;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.mobile-action-bar__menu--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mobile-action-bar__menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(107,74,163,.3)}.mobile-action-bar__menu-title{font-family:Space Grotesk,DM Sans,sans-serif;font-size:14px;font-weight:600;color:gold}.mobile-action-bar__menu-hint{font-family:DM Sans,sans-serif;font-size:11px;color:#8b7aa0}.mobile-action-bar__menu-buttons{display:flex;flex-direction:column;gap:8px}.mobile-action-bar__menu-item{display:flex;align-items:center;gap:8px}.mobile-action-bar__menu-btn{flex:1;flex-direction:row;justify-content:flex-start;gap:10px;min-width:unset;min-height:44px;padding:8px 12px}.mobile-action-bar__menu-btn .mobile-action-bar__btn-icon{margin-bottom:0}.mobile-action-bar__menu-btn .mobile-action-bar__btn-label{font-size:12px}.mobile-action-bar__pin-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6b4aa333;border:1px solid rgba(107,74,163,.4);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.mobile-action-bar__pin-indicator:active{transform:scale(.9)}.mobile-action-bar__pin-indicator svg{width:16px;height:16px;stroke:#c9a0dc}.mobile-action-bar__pin-indicator--active{background:#4ade8033;border-color:#4ade8080}.mobile-action-bar__pin-indicator--active svg{stroke:#4ade80}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-action-bar__menu{bottom:calc(160px + env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-height: 500px){.mobile-action-bar__menu{bottom:120px;max-height:60vh;overflow-y:auto}.mobile-action-bar__menu-btn{min-height:38px}}