:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Nunito", "Quicksand", sans-serif;--bg-forest-deep: #16301a;--bg-forest-mid: #214325;--bg-forest-glade: #2e5a33;--bg-meadow-light: #44774a;--bg-surface: #ffffff;--bg-surface-warm: #fbf9f5;--bg-subtle: #f3ede2;--bg-subtle-hover: #e9e0d1;--border-color: #dcd0bf;--border-strong: #c2b39d;--border-forest: rgba(85, 140, 92, .35);--text-main: #24201b;--text-muted: #6b6051;--text-light: #948674;--text-on-dark: #fbfbf9;--coral: #e07a5f;--coral-dark: #cc6449;--sage: #5f8d67;--sage-dark: #466c4c;--honey: #e8a838;--honey-dark: #cf9023;--amber: #f2994a;--lavender: #8e83b8;--cream: #fdfbf7;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-full: 9999px;--shadow-sm: 0 2px 5px rgba(20, 35, 20, .08);--shadow-md: 0 8px 20px rgba(15, 30, 15, .12);--shadow-lg: 0 16px 36px rgba(10, 25, 10, .18);--shadow-inner: inset 0 2px 4px rgba(20, 35, 20, .06);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-forest-mid);background-image:radial-gradient(ellipse at 50% 0%,rgba(225,245,190,.12) 0%,transparent 65%),linear-gradient(180deg,#17321c,#204524 350px,#264e2b);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) 1.5px,transparent 1.5px),radial-gradient(rgba(100,190,115,.12) 1px,transparent 1px);background-size:40px 40px,20px 20px;background-position:0 0,10px 10px;opacity:.6;z-index:0}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.main-header{background-color:#162d19f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-forest);padding:12px 24px;position:sticky;top:0;z-index:25;box-shadow:0 4px 16px #0a190c40}.header-content{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-area{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo{font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.brand-area:hover .brand-logo{transform:rotate(-6deg) scale(1.06)}.brand-text h1{font-size:20px;font-weight:800;color:#fcfbf7;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.brand-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background-color:#e8a83840;color:#f7d27e;border:1px solid rgba(232,168,56,.4);padding:2px 7px;border-radius:var(--radius-full)}.brand-text p{font-size:12px;color:#bfd4c2}.header-nav{display:flex;align-items:center;gap:8px}@media(max-width:820px){.header-nav{display:none}}.nav-link-btn{background:transparent;color:#d1e2d4;border:1px solid transparent;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.nav-link-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.nav-link-btn.active{background:#ffffff2e;color:#fff;border-color:#ffffff40}.header-actions{display:flex;align-items:center;gap:12px}.treat-pill{display:flex;align-items:center;gap:6px;background:#fdf6ec;border:1px solid #ebd7bf;color:var(--text-main);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.treat-pill:hover{transform:scale(1.04)}.treat-icon{font-size:16px}.btn-header{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-main);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-header:hover{background:var(--bg-subtle-hover);border-color:var(--border-strong)}.btn-primary-cozy{background:var(--coral);color:#fff;border:1px solid var(--coral-dark)}.btn-primary-cozy:hover{background:var(--coral-dark);color:#fff}.portal-layout{max-width:1440px;margin:0 auto;padding:24px;display:flex;gap:28px;flex:1;width:100%}.main-stage{flex:1;min-width:0}.sidebar-container{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}@media(max-width:1024px){.portal-layout{flex-direction:column;padding:16px;gap:20px}.sidebar-container{width:100%}}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.sidebar-title{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.pet-collection-list{display:flex;flex-direction:column;gap:8px}.pet-collection-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pet-collection-item.active{background:#fdf7ee;border-color:#e5cdb2;box-shadow:0 0 0 2px #e07a5f33}.pet-item-info{display:flex;align-items:center;gap:10px}.pet-item-avatar{font-size:24px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-color)}.pet-item-name{font-size:13px;font-weight:700;color:var(--text-main)}.pet-item-desc{font-size:11px;color:var(--text-muted)}.pet-unlock-btn{font-size:11px;font-weight:700;padding:5px 10px;border-radius:var(--radius-full);border:1px solid;cursor:pointer;display:flex;align-items:center;gap:4px;transition:transform var(--transition-fast)}.pet-unlock-btn:hover{transform:scale(1.05)}.btn-ad-unlock{background:#fef4e8;color:var(--coral-dark);border-color:#f7c99e}.btn-equipped{background:#edf5ee;color:var(--sage-dark);border-color:#bcd9c0}.btn-equip{background:#fff;color:var(--text-main);border-color:var(--border-strong)}.free-treats-banner{background:linear-gradient(135deg,#fdf4e7,#fae8d4);border:1px solid #ebd1b2;border-radius:var(--radius-lg);padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.free-treats-btn{background:var(--coral);color:#fff;border:1px solid var(--coral-dark);font-size:12px;font-weight:700;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 6px #e07a5f4d;display:flex;align-items:center;gap:6px;transition:transform var(--transition-fast)}.free-treats-btn:hover{transform:scale(1.04)}.hub-view{display:block}.hub-hero{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.hub-hero-text h2{font-size:22px;font-weight:800;color:var(--text-main);margin-bottom:6px}.hub-hero-text p{font-size:14px;color:var(--text-muted);max-width:580px}.hub-hero-badge{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border-color);padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:680px){.game-grid{grid-template-columns:1fr}}.game-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.game-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.game-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.game-card-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--shadow-sm)}.icon-sudoku{background:#eef3f8;border:1px solid #d2e1f0}.icon-2048{background:#fdf5ea;border:1px solid #fae3be}.icon-tictactoe{background:#fbf0f4;border:1px solid #f6d8e2}.icon-memory{background:#edf5ee;border:1px solid #c9e3cc}.icon-pawsweeper{background:#fdf0ec;border:1px solid #f5cfc4}.icon-petslide{background:#f2eef9;border:1px solid #ddd2f0}.game-card-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-full)}.tag-sudoku{background:#e2ecf5;color:#436d93}.tag-2048{background:#fef0db;color:#b37012}.tag-tictactoe{background:#fae4ed;color:#a44d71}.tag-memory{background:#e1f0e3;color:#437a4c}.tag-pawsweeper{background:#fae2db;color:#b84f32}.tag-petslide{background:#eae4f5;color:#6a499f}.game-card-body h3{font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:6px}.game-card-body p{font-size:13px;color:var(--text-muted);line-height:1.45;margin-bottom:20px}.game-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:14px}.game-stats{font-size:12px;font-weight:600;color:var(--text-light);display:flex;align-items:center;gap:6px}.btn-play-card{font-size:12px;font-weight:700;color:var(--coral-dark);display:flex;align-items:center;gap:4px}.game-view-container{display:none;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.game-view-container.active{display:block;animation:fadeIn .25s ease-out}.game-top-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;gap:12px}.nav-left-group{display:flex;align-items:center;gap:12px}.btn-back-hub{display:inline-flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-back-hub:hover{background:var(--bg-subtle-hover);border-color:var(--border-strong)}.active-game-title{font-size:20px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px}.game-controls-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-score-badge{background:var(--bg-subtle);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;min-width:68px}.badge-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.badge-val{font-size:15px;color:var(--text-main)}.sudoku-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:520px;margin:0 auto}.sudoku-options{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;flex-wrap:wrap}.difficulty-select{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);width:100%;max-width:450px;aspect-ratio:1 / 1;background:#332c25;border:3px solid #332c25;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;-webkit-user-select:none;user-select:none}.sudoku-cell{background:#fff;border:.5px solid #dfd5c7;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-main);cursor:pointer;transition:background-color var(--transition-fast)}.sudoku-cell:nth-child(3n){border-right:2px solid #332c25}.sudoku-cell:nth-child(9n){border-right:none}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #332c25}.sudoku-cell.fixed{background:#f7f3ed;color:#27211b;font-weight:800}.sudoku-cell.selected{background:#fef0db!important;box-shadow:inset 0 0 0 2px var(--honey)}.sudoku-cell.highlighted{background:#faf4ea}.sudoku-cell.same-number{background:#f5e8d5}.sudoku-cell.error{background:#fde8e8!important;color:#c53030!important;animation:shake .3s ease-in-out}.sudoku-cell.hinted{background:#e6f6ea!important;color:#22543d!important;animation:popIn .3s ease-out}.sudoku-keypad{display:flex;gap:8px;width:100%;max-width:450px;justify-content:center;flex-wrap:wrap}.keypad-btn{flex:1;min-width:38px;height:44px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:18px;font-weight:700;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.keypad-btn:hover{background:var(--bg-subtle-hover);border-color:var(--border-strong);transform:translateY(-2px)}.keypad-btn.btn-erase{font-size:14px;color:var(--coral-dark)}.btn-sudoku-hint{display:inline-flex;align-items:center;gap:6px;background:#fef4e8;border:1px solid #f9caa7;color:var(--coral-dark);font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-sudoku-hint:hover{background:#fee7d1;transform:scale(1.02)}.g2048-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:440px;margin:0 auto;-webkit-user-select:none;user-select:none}.g2048-top-stats{display:flex;align-items:center;justify-content:space-between;width:100%}.g2048-board-container{width:100%;aspect-ratio:1 / 1;background:#b6a798;border-radius:var(--radius-lg);padding:12px;position:relative;box-shadow:var(--shadow-md);touch-action:none}.g2048-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;width:100%;height:100%}.g2048-empty-cell{background:#eee4da59;border-radius:var(--radius-md)}.g2048-tile-container{position:absolute;top:12px;left:12px;right:12px;bottom:12px;pointer-events:none}.g2048-tile{position:absolute;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .12s ease-in-out;box-shadow:0 2px 5px #0000001a;animation:tileAppear .18s ease-out}.tile-2{background:#eee4da;color:#776e65;font-size:32px}.tile-4{background:#ede0c8;color:#776e65;font-size:32px}.tile-8{background:#f2b179;color:#f9f6f2;font-size:30px}.tile-16{background:#f59563;color:#f9f6f2;font-size:28px}.tile-32{background:#f67c5f;color:#f9f6f2;font-size:28px}.tile-64{background:#e95938;color:#f9f6f2;font-size:28px}.tile-128{background:#edcf72;color:#f9f6f2;font-size:26px;box-shadow:0 0 10px #edcf7266}.tile-256{background:#edcc61;color:#f9f6f2;font-size:26px;box-shadow:0 0 14px #edcc6180}.tile-512{background:#edc850;color:#f9f6f2;font-size:26px;box-shadow:0 0 18px #edc85099}.tile-1024{background:#b885c4;color:#f9f6f2;font-size:22px}.tile-2048{background:#81a88b;color:#fff;font-size:22px;box-shadow:0 0 24px #81a88bcc}.g2048-dpad{display:grid;grid-template-areas:". up ." "left down right";gap:8px;margin-top:10px}.dpad-btn{background:var(--bg-subtle);border:1px solid var(--border-color);width:52px;height:44px;border-radius:var(--radius-md);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all var(--transition-fast)}.dpad-btn:hover{background:var(--bg-subtle-hover);border-color:var(--border-strong)}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-down{grid-area:down}.dpad-right{grid-area:right}.g2048-undo-hook{display:flex;align-items:center;gap:8px}.ttt-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:420px;margin:0 auto}.ttt-status-banner{background:var(--bg-subtle);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.ttt-pet-bubble{background:#fff;border:1px solid var(--border-color);padding:8px 14px;border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px;max-width:320px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;aspect-ratio:1 / 1;background:var(--border-color);padding:10px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ttt-cell{background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:44px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.ttt-cell:hover:empty{background:#fef7ee}.ttt-cell.winning{background:#edf6ef;transform:scale(.96);animation:pulseGreen 1s infinite alternate}.ttt-mode-picker{display:flex;gap:8px;background:var(--bg-subtle);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.ttt-mode-btn{padding:6px 14px;font-size:12px;font-weight:700;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.ttt-mode-btn.active{background:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.memory-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:480px;margin:0 auto}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;aspect-ratio:1 / 1;perspective:1000px}.memory-card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.4,.2,.2,1)}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg)}.memory-card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card-back{background:linear-gradient(135deg,#f4eee2,#ecd9c3);color:var(--coral);font-size:26px;font-weight:800;border-color:#dfceb7}.card-back:after{content:"🐾";font-size:24px;opacity:.75}.card-front{background:#fff;font-size:36px;transform:rotateY(180deg)}.memory-card.matched .card-front{background:#f0f7f2;border-color:#b7d6bf;animation:popIn .3s ease-out}#pet-overlay-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.wandering-pet{position:absolute;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;transition:top 2.4s cubic-bezier(.45,.05,.55,.95),left 2.4s cubic-bezier(.45,.05,.55,.95);filter:drop-shadow(0 6px 10px rgba(10,25,10,.22))}.wandering-pet:hover .pet-avatar-frame{transform:translateY(-4px) scale(1.1)}.pet-avatar-frame{position:relative;font-size:38px;line-height:1;transform-origin:bottom center;transition:transform .2s cubic-bezier(.2,.8,.2,1);animation:petIdleBreathe 2.8s ease-in-out infinite}.wandering-pet.walking .pet-avatar-frame{animation:petStepWalk .38s ease-in-out infinite alternate!important}.wandering-pet.facing-left .pet-avatar-frame{transform:scaleX(-1)}.wandering-pet.facing-left.walking .pet-avatar-frame{animation:petStepWalkFlipped .38s ease-in-out infinite alternate!important}.pet-shadow{width:32px;height:8px;background:#0f1e0f47;border-radius:50%;margin-top:-2px;transition:transform .2s ease,opacity .2s ease}.wandering-pet.walking .pet-shadow{animation:petShadowSquash .38s ease-in-out infinite alternate}.step-puff-particle{position:absolute;font-size:13px;pointer-events:none;z-index:49;animation:stepPuffFloat .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes stepPuffFloat{0%{transform:translateY(0) scale(.6) rotate(0);opacity:.85}to{transform:translateY(-16px) scale(1.1) rotate(25deg);opacity:0}}@keyframes petStepWalk{0%{transform:translateY(0) rotate(0) scale(1.06,.94)}25%{transform:translateY(-9px) rotate(4.5deg) scale(.96,1.05)}50%{transform:translateY(0) rotate(0) scale(1.05,.95)}75%{transform:translateY(-9px) rotate(-4.5deg) scale(.96,1.05)}to{transform:translateY(0) rotate(0) scale(1.06,.94)}}@keyframes petStepWalkFlipped{0%{transform:scaleX(-1) translateY(0) rotate(0) scale(1.06,.94)}25%{transform:scaleX(-1) translateY(-9px) rotate(-4.5deg) scale(.96,1.05)}50%{transform:scaleX(-1) translateY(0) rotate(0) scale(1.05,.95)}75%{transform:scaleX(-1) translateY(-9px) rotate(4.5deg) scale(.96,1.05)}to{transform:scaleX(-1) translateY(0) rotate(0) scale(1.06,.94)}}@keyframes petShadowSquash{0%,50%,to{transform:scaleX(1.15);opacity:.32}25%,75%{transform:scale(.72,.6);opacity:.12}}@keyframes petIdleBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02,.98)}}.pet-speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);background:#fffffff2;border:1px solid var(--border-color);color:var(--text-main);padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;animation:popIn .2s ease-out}.pet-speech-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#fff transparent transparent transparent}.pet-sleep-zzz{position:absolute;top:-14px;right:-6px;font-size:14px;font-weight:800;color:var(--lavender);animation:floatZzz 1.5s infinite;pointer-events:none}.heart-particle{position:absolute;font-size:20px;pointer-events:none;animation:heartBurst .8s ease-out forwards}#toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#332c25;color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);animation:toastPop .3s cubic-bezier(.2,.8,.2,1);pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes petWaddle{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(5deg) translateY(-4px)}}@keyframes floatSmall{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes floatZzz{0%{transform:translate(0) scale(.6);opacity:0}50%{opacity:1}to{transform:translate(12px,-18px) scale(1.1);opacity:0}}@keyframes heartBurst{0%{transform:scale(.5) translateY(0);opacity:1}to{transform:scale(1.4) translateY(-32px);opacity:0}}@keyframes tileAppear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulseGreen{0%{box-shadow:0 0 #64b47800}to{box-shadow:0 0 16px #64b47866}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastPop{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.top-pet-bar{background:#fdfaf6;border-bottom:1px solid var(--border-color);padding:10px 24px;position:sticky;top:61px;z-index:19;box-shadow:0 2px 8px #32281e08}.top-pet-bar-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.top-pet-bar-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.top-pet-meta{display:flex;align-items:center;gap:12px;font-size:13px}.top-pet-label{font-weight:800;color:var(--text-main);letter-spacing:-.2px}.top-pet-lead{background:#fff;border:1px solid var(--border-color);padding:3px 10px;border-radius:var(--radius-full);color:var(--coral-dark);font-size:12px}.top-pet-count{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-subtle);padding:2px 8px;border-radius:var(--radius-full)}.top-pet-categories{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.pet-cat-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;font-size:11px;font-weight:700;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pet-cat-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.pet-cat-btn.active{background:var(--coral);color:#fff;border-color:var(--coral-dark)}.top-pet-roster-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.top-pet-roster-scroll::-webkit-scrollbar{height:5px}.top-pet-roster-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.top-pet-card,.pet-roster-chip{flex-shrink:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #0a190c0f;-webkit-user-select:none;user-select:none}.top-pet-card:hover,.pet-roster-chip:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 6px 14px #0a190c1a}.top-pet-card.active,.pet-roster-chip.active{border-color:var(--coral);background:#fdf7f3;box-shadow:0 0 0 2px #e07a5f40}.top-pet-card.locked,.pet-roster-chip.locked{background:#faf6f0;opacity:.95}.top-pet-card-avatar,.pet-roster-avatar{font-size:28px;line-height:1;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pet-roster-meta,.top-pet-card-info{display:flex;flex-direction:column;gap:2px}.pet-roster-name,.top-pet-card-name{font-size:13px;font-weight:800;color:var(--text-main);white-space:nowrap;display:flex;align-items:center;gap:6px}.pet-roster-species{font-size:11px;color:var(--text-muted)}.pet-tier-tag{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:var(--radius-full)}.pet-tier-tag.cozy{background:#fef0db;color:#a36512;border:1px solid #f6d8ae}.pet-tier-tag.woodland{background:#e4f2e7;color:#386b40;border:1px solid #c0dfc5}.pet-tier-tag.exotic{background:#fae4dd;color:#b5492b;border:1px solid #f4c2b4}.pet-tier-tag.mythic{background:#ede9f7;color:#5d489b;border:1px solid #d4ccee}.pet-roster-action{margin-left:2px}.pet-roster-status-active{font-size:11px;font-weight:800;color:var(--coral-dark);background:#faeee9;border:1px solid #f6c8ba;padding:5px 10px;border-radius:var(--radius-full);white-space:nowrap}.pet-roster-btn-equip{font-size:11px;font-weight:800;color:var(--text-main);background:#fff;border:1px solid var(--border-color);padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pet-roster-btn-equip:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.pet-roster-btn-ad{font-size:11px;font-weight:800;color:#a36512;background:#fef5ea;border:1px solid #fae1bb;padding:5px 10px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:transform var(--transition-fast)}.pet-roster-btn-ad:hover{transform:scale(1.05);background:#fdecd5}.action-active{background:#fdeee8;color:var(--coral-dark);border-color:#f7c99e}.action-equip{background:#fff;color:var(--text-muted);border-color:var(--border-color)}.action-ad-unlock{background:#fdf5ea;color:#b37012;border-color:#fae3be;display:flex;align-items:center;gap:3px}.meadow-playpen-card{background:linear-gradient(180deg,#f5fbf6,#eaf4eb);border:1px solid #cce3cf;border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.meadow-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.meadow-title{display:flex;align-items:center;gap:10px}.meadow-title h4{font-size:16px;font-weight:800;color:var(--text-main)}.meadow-title p{font-size:12px;color:var(--text-muted)}.meadow-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meadow-btn{background:#fff;border:1px solid #c2dec5;color:var(--text-main);padding:6px 12px;font-size:12px;font-weight:700;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000000a}.meadow-btn:hover{background:#eef6ef;border-color:var(--sage);transform:translateY(-1px)}.meadow-yard{background:#d8edd9;border:2px dashed #b5dbb8;border-radius:var(--radius-md);padding:16px;min-height:95px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.meadow-grass-decor{position:absolute;top:8px;left:12px;font-size:14px;opacity:.55;pointer-events:none}.meadow-pets-container{display:flex;align-items:center;gap:16px;z-index:1}.meadow-pet-sprite{font-size:32px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));animation:petWaddle 1.6s ease-in-out infinite alternate;cursor:pointer;transition:transform var(--transition-fast)}.meadow-pet-sprite:hover{transform:scale(1.15) rotate(5deg)}.meadow-speech-bubble{background:#fff;border:1px solid #bcd9c0;padding:8px 14px;border-radius:12px;font-size:12px;font-weight:600;color:var(--sage-dark);box-shadow:var(--shadow-sm);max-width:320px;z-index:1;animation:popIn .3s ease}.hub-quests-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.quests-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:768px){.quests-grid{grid-template-columns:1fr}}.quest-item{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:12px}.quest-icon{font-size:22px;width:40px;height:40px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color)}.quest-details{flex:1;min-width:0}.quest-title{font-size:13px;font-weight:800;color:var(--text-main);line-height:1.2}.quest-desc{font-size:11px;color:var(--text-muted);margin-bottom:6px}.quest-bar-wrap{background:#e2d9cd;height:6px;border-radius:var(--radius-full);overflow:hidden}.quest-bar-fill{background:var(--sage);height:100%;transition:width .4s ease}.quest-claim-btn{background:#e5dacb;color:var(--text-muted);border:none;border-radius:var(--radius-full);font-size:11px;font-weight:800;padding:6px 12px;cursor:not-allowed;white-space:nowrap}.quest-claim-btn.ready{background:var(--coral);color:#fff;cursor:pointer;box-shadow:0 2px 6px #e07a5f4d;animation:pulseGreen 1.5s infinite alternate}.sweeper-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10px}.sweeper-board{display:grid;grid-template-columns:repeat(8,44px);grid-template-rows:repeat(8,44px);gap:4px;background:#b5cca8;padding:12px;border-radius:var(--radius-lg);border:3px solid #89a878;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none}@media(max-width:480px){.sweeper-board{grid-template-columns:repeat(8,36px);grid-template-rows:repeat(8,36px);gap:3px;padding:8px}}.sweeper-cell{width:100%;height:100%;background:#84af6e;border:2px solid #a3ce8d;border-right-color:#638c4e;border-bottom-color:#638c4e;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;cursor:pointer;transition:background .1s ease}.sweeper-cell:hover{background:#90be79}.sweeper-cell.revealed{background:#e9dec9;border:1px solid #d2c5ae;cursor:default}.sweeper-cell.mine{background:#f8d7da;border:1px solid #f5c6cb;animation:shake .3s ease}.sweeper-cell.revealed-safe{background:#e0f2e3;border:1px solid #bce2c2}.sweeper-cell[data-num="1"]{color:#2e6db4}.sweeper-cell[data-num="2"]{color:#3b884d}.sweeper-cell[data-num="3"]{color:#c44f33}.sweeper-cell[data-num="4"]{color:#4e388c}.sweeper-cell[data-num="5"]{color:#9c411c}.sweeper-cell[data-num="6"]{color:#207a82}.sweeper-face-btn{font-size:22px;background:#fff;border:1px solid var(--border-color);width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.sweeper-face-btn:hover{transform:scale(1.1)}.btn-toggle-flag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-toggle-flag.flag-mode{background:#fdf2e9;border-color:#f7c99e;color:var(--coral-dark)}.btn-ad-perk{background:#fef4e8;color:var(--coral-dark);border:1px solid #f7c99e;font-size:12px;font-weight:700;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform var(--transition-fast)}.btn-ad-perk:hover{transform:scale(1.04);background:#fde8d0}.petslide-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:10px}.petslide-board-container{background:#e9dec9;padding:16px;border-radius:var(--radius-lg);border:4px solid #c7b69c;box-shadow:var(--shadow-md)}.petslide-board{display:grid;gap:8px;-webkit-user-select:none;user-select:none}.petslide-board.grid-4x4{grid-template-columns:repeat(4,75px);grid-template-rows:repeat(4,75px)}.petslide-board.grid-3x3{grid-template-columns:repeat(3,90px);grid-template-rows:repeat(3,90px)}@media(max-width:480px){.petslide-board.grid-4x4{grid-template-columns:repeat(4,58px);grid-template-rows:repeat(4,58px);gap:6px}.petslide-board.grid-3x3{grid-template-columns:repeat(3,76px);grid-template-rows:repeat(3,76px);gap:6px}}.petslide-tile{background:#fff;border:1px solid #dbcdba;border-radius:var(--radius-md);box-shadow:0 4px #cbbea8,0 5px 8px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease;position:relative}.petslide-tile:hover{background:#fbf7f0;transform:translateY(-2px)}.petslide-tile:active{transform:translateY(2px);box-shadow:0 1px #cbbea8}.petslide-tile.empty{background:transparent;border:2px dashed #cbbea8;box-shadow:none;cursor:default}.petslide-tile-num{position:absolute;top:4px;left:6px;font-size:11px;font-weight:800;color:var(--text-muted)}.petslide-tile-avatar{font-size:28px;line-height:1}.petslide-helper-bar{text-align:center;max-width:440px}.treat-pill.pulse-spend{animation:shake .3s ease;background:#fbeee8}.treat-deduct-float{position:absolute;color:var(--coral-dark);font-weight:900;font-size:14px;pointer-events:none;animation:heartBurst .9s cubic-bezier(.2,.8,.2,1) forwards;z-index:9999}.info-page-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:30px}.info-page-body{margin-top:10px;color:var(--text-main);line-height:1.65}.info-hero-banner{background:linear-gradient(135deg,#f0f7f1,#e5f0e7);border:1px solid #cbe0ce;border-radius:var(--radius-md);padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:28px}.info-hero-icon{font-size:42px;flex-shrink:0}.info-hero-banner h3{font-size:18px;font-weight:800;color:#214325;margin-bottom:6px}.info-hero-banner p{font-size:13.5px;color:#3b5a3f;margin:0}.info-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.info-section-grid{grid-template-columns:1fr}}.info-card{background:var(--bg-surface-warm);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.info-card h4{font-size:15px;font-weight:800;color:var(--text-main);margin-bottom:10px}.info-card p{font-size:13px;color:var(--text-muted)}.info-feature-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--text-main)}.info-feature-list li strong{color:var(--sage-dark)}.info-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.info-pill{font-size:11px;font-weight:700;background:#eaf3eb;color:var(--sage-dark);border:1px solid #c9decb;padding:4px 10px;border-radius:var(--radius-full)}.info-link{color:var(--coral-dark);text-decoration:underline;font-weight:700}.legal-text-wrap{max-width:860px;font-size:13.5px;color:var(--text-main)}.legal-text-wrap h4{font-size:15px;font-weight:800;color:var(--text-main);margin:22px 0 8px}.legal-text-wrap p{margin-bottom:12px;color:var(--text-muted)}.legal-text-wrap ul{margin:8px 0 16px 20px;color:var(--text-muted)}.legal-text-wrap li{margin-bottom:6px}.contact-highlight-box{background:#fdf5ea;border:1px solid #f6d9af;border-radius:var(--radius-md);padding:14px 18px;font-size:13px;color:var(--text-main)}.contact-highlight-box a{color:var(--coral-dark);font-weight:700}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:28px}@media(max-width:860px){.contact-layout{grid-template-columns:1fr}}.contact-info-card{background:var(--bg-surface-warm);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:18px}.contact-info-card h3{font-size:18px;font-weight:800;color:var(--text-main)}.contact-channel-item{display:flex;gap:12px;align-items:flex-start}.channel-icon{font-size:22px;line-height:1}.channel-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.channel-link{font-size:14px;font-weight:800;color:var(--coral-dark);text-decoration:underline}.channel-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.quick-copy-box{background:#fff;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.btn-copy-email{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-copy-email:hover{background:var(--bg-subtle-hover);border-color:var(--border-strong)}.contact-form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.contact-form-card h3{font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:16px}.contact-form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;color:var(--text-main)}.form-group label .req{color:var(--coral)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;font-family:inherit;font-size:13px;color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px #5f8d672e}.btn-submit-contact{background:var(--sage-dark);color:#fff;border:1px solid #36553b;padding:12px 20px;border-radius:var(--radius-md);font-size:13.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin-top:6px}.btn-submit-contact:hover{background:#315136;transform:translateY(-1px);box-shadow:var(--shadow-md)}.contact-success-card{background:#eef7f0;border:1px solid #bddfc4;border-radius:var(--radius-md);padding:14px;display:flex;gap:12px;align-items:center;font-size:13px;color:#214325;animation:popIn .3s ease-out}.portal-footer{background-color:#122614f7;border-top:1px solid var(--border-forest);color:#e5ece6;margin-top:40px;padding:44px 24px 24px;position:relative;z-index:10}.footer-inner{max-width:1440px;margin:0 auto}.footer-top-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:960px){.footer-top-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:580px){.footer-top-grid{grid-template-columns:1fr}}.footer-brand-col{display:flex;flex-direction:column;gap:10px}.footer-logo{font-size:17px;font-weight:800;color:#fff}.footer-mission{font-size:12.5px;color:#bfd1c3;line-height:1.55;margin-bottom:6px}.footer-contact-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:8px 12px;display:inline-flex;flex-direction:column;gap:2px;align-items:flex-start}.footer-email-link{color:#f7d27e;font-weight:800;text-decoration:underline;font-size:13px}.footer-links-col{display:flex;flex-direction:column;gap:10px}.footer-heading{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff;margin-bottom:4px}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-link-btn{background:transparent;border:none;padding:0;color:#bfd1c3;font-size:12.5px;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.footer-link-btn:hover{color:#fff;text-decoration:underline}.footer-legal-notice{font-size:12px;color:#aebfb2;line-height:1.5}.footer-compliance-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.compliance-tag{font-size:10.5px;font-weight:700;background:#ffffff1a;color:#d8ebd9;border:1px solid rgba(255,255,255,.18);padding:3px 8px;border-radius:var(--radius-full)}.footer-bottom-bar{padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px;color:#8fa693}.footer-bottom-right{display:flex;align-items:center;gap:12px}.footer-bottom-right a{color:#f7d27e;text-decoration:underline}