/* Copyright (c) 2026 Alex Kater. All Rights Reserved. ChoreQuestXP. */
@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&family=VT323&display=swap";:root{--bg-deep: #11111b;--bg-card: #181825;--bg-card-hover: #1e1e2e;--bg-modal: #1e1e2e;--text-main: #f1f5f9;--text-dim: #94a3b8;--text-bright: #ffffff;--alex-color: #ef4444;--alex-dark: #991b1b;--alex-light: #fca5a5;--alex-bg: rgba(239, 68, 68, .16);--briana-color: #14b8a6;--briana-dark: #0f766e;--briana-light: #5eead4;--briana-bg: rgba(20, 184, 166, .16);--gold-xp: #facc15;--gold-dark: #ca8a04;--gold-bg: rgba(250, 204, 21, .15);--emerald: #34d399;--emerald-dark: #059669;--ruby: #f87171;--purple: #a78bfa;--pixel-border-color: #313244;--pixel-border-gold: #facc15;--pixel-border-alex: var(--alex-color);--pixel-border-briana: var(--briana-color)}.font-pixel-title{font-family:"Press Start 2P",monospace;letter-spacing:-.5px}.font-pixel{font-family:"Press Start 2P",monospace;letter-spacing:0px}.font-retro-read{font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:1.6}.pixel-box{background-color:var(--bg-card);border:3px solid #000;box-shadow:3px 3px #000c,inset 2px 2px #ffffff1f,inset -2px -2px #0006;image-rendering:pixelated;position:relative}.pixel-box-gold{border-color:#000;box-shadow:4px 4px #854d0e,inset 2px 2px #fef08a,inset -2px -2px #a16207}.pixel-box-alex{border-color:#000;box-shadow:4px 4px 0 0 var(--alex-dark),inset 2px 2px 0 0 var(--alex-light),inset -2px -2px 0 0 var(--alex-dark)}.pixel-box-briana{border-color:#000;box-shadow:4px 4px 0 0 var(--briana-dark),inset 2px 2px 0 0 var(--briana-light),inset -2px -2px 0 0 var(--briana-dark)}.pixel-btn{display:inline-flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.7rem;font-weight:700;cursor:pointer;border:3px solid #000;background-color:#313244;color:#fff;padding:8px 14px;box-shadow:3px 3px #000,inset 2px 2px #ffffff40,inset -2px -2px #0006;text-transform:uppercase;transition:transform .05s ease,box-shadow .05s ease;user-select:none}.pixel-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000,inset 2px 2px #0006,inset -2px -2px #ffffff1a}.pixel-btn-gold{background-color:#eab308;color:#000;box-shadow:3px 3px #713f12,inset 2px 2px #fef08a,inset -2px -2px #a16207}.pixel-btn-alex{background-color:var(--alex-color);color:#fff;box-shadow:3px 3px 0 var(--alex-dark),inset 2px 2px 0 var(--alex-light),inset -2px -2px 0 var(--alex-dark)}.pixel-btn-briana{background-color:var(--briana-color);color:#fff;box-shadow:3px 3px 0 var(--briana-dark),inset 2px 2px 0 var(--briana-light),inset -2px -2px 0 var(--briana-dark)}.pixel-btn-green{background-color:#059669;color:#fff;box-shadow:3px 3px #022c22,inset 2px 2px #6ee7b7,inset -2px -2px #047857}.pixel-badge{display:inline-flex;align-items:center;font-family:"Press Start 2P",monospace;font-size:.6rem;padding:3px 7px;border:2px solid #000;background-color:#1e1e2e;color:#f1f5f9;box-shadow:2px 2px #000}.pixel-bar-track{height:20px;background-color:#11111b;border:2px solid #000;box-shadow:inset 2px 2px #000,2px 2px #ffffff1a;position:relative;overflow:hidden}.pixel-bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.pixel-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:#ffffff59}@keyframes floatUpFade{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(-10px) scale(1.2)}80%{opacity:1;transform:translateY(-40px) scale(1.05)}to{opacity:0;transform:translateY(-60px) scale(.9)}}.floating-xp-item{position:absolute;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:1.1rem;color:#facc15;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 4px 10px rgba(250,204,21,.6);z-index:10000;animation:floatUpFade 1.4s ease-out forwards}@keyframes avatarBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.avatar-bounce{animation:avatarBounce 2s ease-in-out infinite}@keyframes retroPulse{0%,to{filter:drop-shadow(0 0 4px rgba(250,204,21,.4))}50%{filter:drop-shadow(0 0 12px rgba(250,204,21,.9))}}.gold-pulse{animation:retroPulse 2s infinite}@keyframes impactShake{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}.impact-shake{animation:impactShake .3s ease-out}@keyframes scanlineFlicker{0%{opacity:.85}50%{opacity:.95}to{opacity:.85}}.flicker{animation:scanlineFlicker .1s infinite}@keyframes retroModalOpen{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-enter{animation:retroModalOpen .15s cubic-bezier(0,0,.2,1) forwards}@keyframes retroPointPopupBounce{0%{opacity:0;transform:translate(-50%,-10%) scale(.25) rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-45%) scale(1.25) rotate(2deg)}28%{transform:translate(-50%,-50%) scale(.96) rotate(-1deg)}40%{transform:translate(-50%,-52%) scale(1.02) rotate(0)}75%{opacity:1;transform:translate(-50%,-75%) scale(1)}to{opacity:0;transform:translate(-50%,-115%) scale(.8)}}@keyframes retroRingExpand{0%{transform:scale(.3);opacity:1;border-color:#fff}60%{border-color:#facc15;opacity:.8}to{transform:scale(3.2);opacity:0;border-color:#ca8a04}}@keyframes retroCoinFlip{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.2,.9) translateY(-4px)}50%{transform:scale(.9,1.2) translateY(-7px) rotate(15deg)}75%{transform:scale(1.1,.95) translateY(-2px)}}@keyframes sparkleOrbit1{0%{transform:translate(0) scale(.2);opacity:0}25%{opacity:1}to{transform:translate(-38px,-34px) scale(1.2);opacity:0}}@keyframes sparkleOrbit2{0%{transform:translate(0) scale(.2);opacity:0}25%{opacity:1}to{transform:translate(40px,-36px) scale(1.3);opacity:0}}@keyframes sparkleOrbit3{0%{transform:translate(0) scale(.2);opacity:0}25%{opacity:1}to{transform:translate(-42px,32px) scale(1.1);opacity:0}}@keyframes sparkleOrbit4{0%{transform:translate(0) scale(.2);opacity:0}25%{opacity:1}to{transform:translate(38px,30px) scale(1.2);opacity:0}}.retro-points-popup{position:fixed;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);animation:retroPointPopupBounce 1.5s cubic-bezier(.18,.89,.32,1.28) forwards;will-change:transform,opacity}.retro-popup-ring{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border:3px solid #facc15;box-shadow:0 0 10px #facc15;pointer-events:none;animation:retroRingExpand .75s ease-out forwards}.retro-popup-box{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fef08a,#facc15,#eab308);border:3px solid #000;box-shadow:4px 4px #000,0 0 20px #facc15cc,inset 2px 2px #fffc,inset -2px -2px #a1620799;padding:10px 18px 8px 14px;image-rendering:pixelated;user-select:none}.retro-popup-icon{font-size:1.6rem;line-height:1;display:inline-block;animation:retroCoinFlip .8s ease-in-out infinite;filter:drop-shadow(1px 2px 0 #000)}.retro-popup-text-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.retro-popup-xp{font-family:"Press Start 2P",monospace;font-size:1.15rem;color:#000;text-shadow:1px 1px 0px #ffffff,2px 2px 0px rgba(0,0,0,.15);letter-spacing:-.5px;line-height:1.1;white-space:nowrap}.retro-popup-label{font-family:"Press Start 2P",monospace;font-size:.46rem;background:#000;color:#facc15;padding:2px 6px;letter-spacing:.5px;line-height:1.2;box-shadow:1px 1px #fff3;white-space:nowrap}.retro-sparkles-cluster{position:absolute;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.retro-sparkle{position:absolute;font-size:1.1rem;line-height:1;display:block}.retro-sparkle.sp-1{color:#38bdf8;text-shadow:0 0 6px #38bdf8;animation:sparkleOrbit1 .85s ease-out forwards}.retro-sparkle.sp-2{color:#facc15;text-shadow:0 0 6px #facc15;animation:sparkleOrbit2 .9s ease-out forwards}.retro-sparkle.sp-3{color:#f472b6;text-shadow:0 0 6px #f472b6;animation:sparkleOrbit3 .85s ease-out forwards}.retro-sparkle.sp-4{color:#34d399;text-shadow:0 0 6px #34d399;animation:sparkleOrbit4 .9s ease-out forwards}@keyframes questCardImpact{0%{box-shadow:0 4px #000}30%{box-shadow:0 0 16px #facc15d9,inset 0 0 8px #facc1540,0 4px #000}to{box-shadow:0 4px #000}}.quest-just-completed{animation:questCardImpact .65s ease-out;border-color:#facc15!important}@keyframes stampIn{0%{opacity:0;transform:scale(2.4) rotate(-10deg)}60%{opacity:1;transform:scale(.9) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.quest-badge-done.badge-pop{animation:stampIn .38s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes frostGlow{0%,to{box-shadow:0 0 10px #38bdf866,inset 0 0 10px #bae6fd26,4px 4px #000;border-color:#38bdf8}50%{box-shadow:0 0 22px #38bdf8cc,inset 0 0 16px #bae6fd59,4px 4px #000;border-color:#a5f3fc}}@keyframes frostShimmer{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px);text-shadow:0 0 8px #7dd3fc}}@keyframes takeoverPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #facc1580}50%{transform:scale(1.02);box-shadow:0 0 14px #facc15e6}}.category-frozen-anim{animation:frostGlow 3s infinite ease-in-out!important}.icicle-shimmer{animation:frostShimmer 2s infinite ease-in-out;display:inline-block}.takeover-pulse{animation:takeoverPulse 2s infinite ease-in-out}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);color:var(--text-main);font-family:"Press Start 2P",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;font-size:.65rem;line-height:1.6}button,input,select,textarea{font-family:"Press Start 2P",monospace}#app{max-width:1200px;width:100%;margin:0 auto;padding:12px 16px 80px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;overflow-x:hidden}#app>*{min-width:0;max-width:100%}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;background-color:var(--bg-card)}.logo-group{display:flex;align-items:center;gap:12px}.app-title{font-size:.95rem;color:var(--gold-xp);text-shadow:2px 2px 0 #000}.month-badge{font-size:.6rem;color:#cbd5e1;background:#11111b;padding:4px 8px;border:2px solid #000}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-toggle-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.68rem;border:3px solid #000;cursor:pointer;transition:transform .05s ease}.player-alex{background-color:var(--alex-dark);color:#fff;box-shadow:3px 3px #000}.player-briana{background-color:var(--briana-dark);color:#fff;box-shadow:3px 3px #000}.nav-tabs-wrapper{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-width:0}.nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:32px;height:38px;flex-shrink:0;background-color:#181825;color:var(--gold-xp);border:2px solid #ca8a04;box-shadow:2px 2px #000;cursor:pointer;font-size:.75rem;padding:0;transition:transform .05s ease,background .1s ease;user-select:none}.nav-arrow-btn:active{transform:scale(.92);background-color:#313244}@media(min-width:900px){.nav-arrow-btn{display:none}}.nav-tabs{display:flex;gap:8px;overflow-x:auto;flex:1;max-width:100%;min-width:0;padding-bottom:4px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab-btn{font-size:.68rem;padding:8px 14px;white-space:nowrap;background-color:#181825;color:var(--text-dim);border:2px solid #000;box-shadow:2px 2px #000;cursor:pointer;scroll-snap-align:start}.nav-tab-btn.active{background-color:#313244;color:var(--gold-xp);border-color:#000;box-shadow:2px 2px #facc15}.fairness-container{padding:16px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#181825,#11111b)}.scoreboard-players{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-card{padding:12px;display:flex;align-items:center;gap:12px;border:2px solid #000;background-color:#1e1e2e;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.player-card:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.player-avatar-box{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#11111b;border:2px solid #000}.player-info{display:flex;flex-direction:column;gap:3px;min-width:0}.player-name{font-size:.82rem;font-weight:700}.player-title{font-size:.55rem;color:var(--text-dim)}.player-score{font-size:.85rem;font-weight:700;color:var(--gold-xp)}.tug-of-war-wrap{display:flex;flex-direction:column;gap:6px}.tug-of-war-labels{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700}.tug-bar-track{height:22px;display:flex;background:#11111b;border:2px solid #000;box-shadow:inset 1px 1px #000;overflow:hidden}.tug-alex{background-color:var(--alex-color);height:100%;transition:width .4s ease}.tug-briana{background-color:var(--briana-color);height:100%;transition:width .4s ease}.balance-status-banner{text-align:center;font-size:.62rem;padding:6px;background:#11111b;border:2px solid #313244;color:#a6e3a1}.coop-section{display:flex;flex-direction:column;gap:6px;padding:10px;background:#facc150d;border:2px dashed #ca8a04}.coop-header{display:flex;justify-content:space-between;font-size:.58rem;line-height:1.5}.action-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.action-bar-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-bar-left .retro-select{width:auto;min-width:180px;max-width:280px;flex:0 1 auto}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:960px){.room-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.room-grid{grid-template-columns:1fr}}.room-card{display:flex;flex-direction:column;gap:12px;padding:14px;min-width:0;max-width:100%}.parent-category-card{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.parent-category-card:hover{transform:translateY(-2px);box-shadow:4px 4px #000}.parent-category-card.category-complete{border-top-color:var(--emerald, #34d399)!important;box-shadow:0 0 12px #34d39940,3px 3px #000}.btn-view-category:hover{filter:brightness(1.15)}.room-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.08);padding-bottom:8px;gap:8px;min-width:0}.room-title-area{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.room-name{font-size:.8rem;color:#fff}.room-subtitle{font-size:.55rem;color:var(--text-dim)}.owner-pill{cursor:pointer;padding:4px 8px;font-size:.58rem;border:2px solid #000;display:inline-flex;align-items:center;gap:4px;transition:opacity .1s ease;flex-shrink:0}.owner-pill:hover{opacity:.85}.owner-pill.owner-alex{background-color:var(--alex-color);color:#fff}.owner-pill.owner-briana{background-color:var(--briana-color);color:#fff}.owner-pill.owner-shared{background-color:var(--purple);color:#fff}.category-owner-dropdown-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.category-owner-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#181b24;color:#fff;border:2px solid #3b4252;box-shadow:2px 2px #000;padding:5px 22px 5px 8px;font-size:.58rem;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;border-radius:0;max-width:155px;text-overflow:ellipsis;white-space:nowrap}.category-owner-select:hover,.category-owner-select:focus{border-color:var(--gold-xp);box-shadow:2px 2px 0 var(--gold-xp)}.category-owner-select:active{transform:translateY(1px)}.category-owner-select.owner-alex{background-color:var(--alex-dark, #991b1b);border-color:var(--alex-color, #ef4444);color:#fff}.category-owner-select.owner-briana{background-color:var(--briana-dark, #0f766e);border-color:var(--briana-color, #14b8a6);color:#fff}.category-owner-select.owner-shared{background-color:#2e1065;border-color:#a855f7;color:#f3e8ff}.category-owner-select.owner-custom{background-color:#1e1e2e;border-color:var(--hero-primary, #ca8a04);color:#fff}.category-owner-select option{background-color:#181b24;color:#fff;padding:8px 10px}.owner-select-arrow{position:absolute;right:6px;pointer-events:none;font-size:.45rem;color:var(--gold-xp)}.category-quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-quest-grid .quest-item{height:100%;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:960px){.category-quest-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.category-quest-grid{grid-template-columns:1fr}}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-item{display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;background-color:#171a22;border:2px solid #000;box-shadow:0 4px #000;transition:transform .08s ease,background-color .1s ease,border-color .1s ease;position:relative;box-sizing:border-box}.quest-item:hover{background-color:#1c202a}.quest-item,.quest-type-weekly,.quest-type-extra,.quest-type-monthly,.quest-item.quest-done{border-left:4px solid #000!important}.quest-item.quest-done{background-color:#142023}.quest-item.quest-done:hover{background-color:#18272b}.quest-title{font-family:"Press Start 2P",monospace;font-size:.82rem;font-weight:400;color:#fff;letter-spacing:0px;text-transform:uppercase;line-height:1.55;word-break:break-word}.quest-meta-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chip{font-family:"Press Start 2P",monospace;font-size:.52rem;color:#94a3b8;background:#10131a;border:1px solid #242938;border-radius:4px;padding:5px 8px;display:inline-flex;align-items:center;gap:4px;line-height:1}.quest-action-row{display:flex;align-items:center;gap:12px;margin-top:4px}.btn-complete{display:inline-flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:.7rem;padding:10px 16px;border:3px solid #000;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:0px;transition:transform .05s ease,box-shadow .05s ease;user-select:none}.btn-alex-theme{background-color:var(--alex-color, #ef4444);box-shadow:0 4px 0 var(--alex-dark, #991b1b),inset 1px 1px #ffffff40}.btn-alex-theme:active{transform:translateY(2px);box-shadow:0 2px 0 var(--alex-dark, #991b1b)}.btn-briana-theme{background-color:var(--briana-color, #14b8a6);box-shadow:0 4px 0 var(--briana-dark, #0f766e),inset 1px 1px #ffffff40}.btn-briana-theme:active{transform:translateY(2px);box-shadow:0 2px 0 var(--briana-dark, #0f766e)}.btn-relog{background-color:#10b981;box-shadow:0 4px #065f46,inset 1px 1px #ffffff40;color:#fff}.btn-relog:active{transform:translateY(2px);box-shadow:0 2px #065f46}.quest-xp-box{background-color:#11131a;border:2px solid #facc15;color:#facc15;font-family:"Press Start 2P",monospace;font-size:.72rem;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:2px 2px #000}.quest-divider{border-top:1px solid rgba(255,255,255,.08);margin:6px 0 2px}.quest-footer-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.quest-supplies-area{font-family:"Press Start 2P",monospace;font-size:.52rem;color:#94a3b8;line-height:1.6;flex:1;word-break:break-word}.quest-badges-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.quest-badge-category{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#94a3b8;background-color:#141720;border:2px solid #334155;padding:5px 8px;display:inline-flex;align-items:center;white-space:nowrap}.quest-badge-done{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#34d399;background-color:#0b251e;border:2px solid #10b981;padding:5px 8px;display:inline-flex;align-items:center;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:99999}.modal-content{max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:8px}.modal-title{font-size:1rem;color:var(--gold-xp)}.close-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px 8px}.pixel-input,.retro-input,.retro-select,.retro-textarea{width:100%;background:#11111b;border:2px solid #313244;color:#fff;padding:10px;font-family:"Press Start 2P",monospace;font-size:.65rem;outline:none;box-sizing:border-box}.pixel-input:focus,.retro-input:focus,.retro-select:focus,.retro-textarea:focus{border-color:var(--gold-xp)}.input-label{font-size:.72rem;color:var(--text-dim);margin-bottom:4px;display:block}.history-feed{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#181825;border:2px solid #000;font-size:.75rem}@media(max-width:640px){#app{padding:8px 8px 100px;gap:12px;width:100%;max-width:100%;overflow-x:hidden}.scoreboard-players{grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.player-card{min-width:0;max-width:100%;box-sizing:border-box}.room-grid{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0}.room-card{min-width:0;max-width:100%;box-sizing:border-box}.app-header{flex-direction:column;align-items:stretch;padding:10px 12px;gap:10px;width:100%;box-sizing:border-box}.logo-group{justify-content:space-between;width:100%}.app-title{font-size:.95rem}.header-controls{display:flex;flex-wrap:wrap;gap:6px;width:100%;min-width:0}.player-toggle-btn{flex:1 1 100%;min-height:42px;justify-content:center;box-sizing:border-box}.header-controls .pixel-btn{flex:1 1 auto;min-height:38px;padding:6px 8px;font-size:.65rem;box-sizing:border-box}.tug-of-war-labels{flex-direction:column;align-items:center;gap:3px;text-align:center;font-size:.68rem}.action-bar{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:100%;min-width:0}.action-bar-left{flex-direction:column;width:100%;gap:8px;min-width:0}#btn-open-forge,#btn-swap-pairs,#preset-pairing-select{width:100%;max-width:100%;min-height:44px;box-sizing:border-box;font-size:.72rem}#btn-open-forge{font-size:.75rem;padding:10px 8px}.quest-item{padding:14px 14px 12px;gap:10px}.quest-title{font-size:.8rem;line-height:1.5}.quest-action-row{display:flex;align-items:center;gap:10px;width:100%}.btn-complete{flex:1;height:44px;min-height:44px;font-size:.68rem}.quest-xp-box{height:44px;min-height:44px;box-sizing:border-box;font-size:.72rem}.modal-overlay{padding:8px}.modal-content{padding:14px;max-height:92vh;border-width:2px}.nav-tabs{padding-bottom:6px;-webkit-overflow-scrolling:touch}.nav-tab-btn{min-height:40px;padding:8px 12px;font-size:.72rem}}.btn-google-signin{cursor:pointer;border-radius:0;box-shadow:0 4px #64748b!important;text-shadow:none!important}.btn-google-signin:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 5px #475569!important}.btn-google-signin:active{transform:translateY(2px);box-shadow:0 2px #475569!important}.cadence-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap;padding:10px 12px;background:#12141c;border:2px solid #282c3c;box-shadow:2px 2px #000}.cadence-tabs-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cadence-tab-btn{background-color:#1a1d27;color:#94a3b8;border:2px solid #333a4d;box-shadow:2px 2px #000;padding:7px 12px;font-size:.62rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s ease;user-select:none}.cadence-tab-btn:hover{background-color:#242938;color:#fff;border-color:#4f5870}.cadence-tab-btn.active{background-color:#2e1065;color:#f3e8ff;border-color:#a855f7;box-shadow:0 0 10px #a855f766,2px 2px #000}.cadence-tab-btn[data-cadence=daily].active{background-color:#082f49;color:#e0f2fe;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866,2px 2px #000}.cadence-tab-btn[data-cadence=weekly].active{background-color:#451a03;color:#fef3c7;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b66,2px 2px #000}.cadence-tab-btn[data-cadence=monthly].active{background-color:#3b0764;color:#fae8ff;border-color:#c084fc;box-shadow:0 0 10px #c084fc66,2px 2px #000}.cadence-count-badge{font-size:.52rem;padding:2px 5px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:2px}.my-duties-toggle-btn{background-color:#1a1d27;color:#94a3b8;border:2px solid #333a4d;box-shadow:2px 2px #000;padding:7px 12px;font-size:.62rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s ease}.my-duties-toggle-btn.active{background-color:#064e3b;color:#ecfdf5;border-color:#10b981;box-shadow:0 0 10px #10b98166,2px 2px #000}.category-cadence-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;font-size:.52rem;border:1px solid;border-radius:2px;white-space:nowrap;letter-spacing:.3px}.cadence-pill-daily{background:#0ea5e926;color:#38bdf8;border-color:#0284c7}.cadence-pill-weekly{background:#f59e0b26;color:#fbbf24;border-color:#d97706}.cadence-pill-monthly{background:#a855f726;color:#c084fc;border-color:#9333ea}.cadence-pill-adhoc{background:#10b98126;color:#34d399;border-color:#059669}.cadence-timer-text{color:#cbd5e1;opacity:.85;font-size:.48rem}.parent-category-card.category-frozen{background:linear-gradient(180deg,#07192f,#0c233c,#061322)!important;border-top:4px solid #38bdf8!important;border-color:#38bdf8!important;box-shadow:0 0 18px #38bdf880,inset 0 0 14px #bae6fd2e,3px 3px #000!important;position:relative;overflow:hidden}.category-frozen-banner{background:linear-gradient(90deg,#0369a1,#0284c7,#0369a1);color:#f0f9ff;font-size:.56rem;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #38bdf8;box-shadow:0 2px 4px #0006;margin:-14px -14px 10px}.frozen-icicles-badge{color:#bae6fd;text-shadow:0 0 6px #38bdf8}.frozen-alert-box{background:#082f49b3;border:1px dashed #38bdf8;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:.54rem;color:#e0f2fe;line-height:1.5}.takeover-bonus-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.52rem;background:linear-gradient(90deg,#ca8a04,#eab308);color:#000;font-weight:700;border:1px solid #fef08a;box-shadow:0 0 8px #eab30899;letter-spacing:.4px}.handover-card{background:#141722;border:2px solid #2a3142;padding:14px;display:flex;flex-direction:column;gap:12px}.handover-choice-card{padding:12px;border:2px solid #282f42;background:#181c2a;display:flex;flex-direction:column;gap:8px;transition:all .15s ease}.handover-choice-card:hover{border-color:var(--gold-xp);background:#1d2233}.handover-choice-card.choice-freeze{border-color:#0284c7;background:#082f4959}.handover-choice-card.choice-takeover{border-color:#059669;background:#064e3b59}.handover-task-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#0f1118;border-left:3px solid #ef4444;font-size:.58rem;color:#f1f5f9}