@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-darkest:#0a0b0e;--bg-darker:#12141c;--bg-card:#1a1d29b3;--bg-card-hover:#242838d9;--border-light:#ffffff14;--border-glow:#c084fc66;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-red-start:#ff477e;--color-red-end:#e60045;--color-blue-start:#38bdf8;--color-blue-end:#0284c7;--color-green-start:#34d399;--color-green-end:#059669;--color-purple-start:#c084fc;--color-purple-end:#9333ea;--gold:#fbbf24;--gold-glow:#fbbf244d;--neon-green:#22c55e;--theme-accent-start:#9333ea;--theme-accent-end:#a855f7;--theme-accent-glow:#9333ea66;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--glass-bg:#12141c99;--glass-border:#ffffff0d;--glass-blur:blur(16px);--max-width:480px;--card-width:52px;--card-height:76px;--card-gap:6px;--card-font-size:28px;--card-suit-size:11px;--card-points-size:9px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#9333ea14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0284c714 0%,#0000 40%);justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow-x:hidden}#root{width:100%;max-width:var(--max-width);background-color:var(--bg-darker);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}.view-container{height:100%;padding:calc(12px + env(safe-area-inset-top,0px)) 20px calc(12px + env(safe-area-inset-bottom,0px));scrollbar-width:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.view-container::-webkit-scrollbar{display:none}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--border-glow)}50%{box-shadow:0 0 15px var(--border-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes deal-card{0%{opacity:0;transform:translateY(150px)scale(.6)rotate(15deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.shake{animation:.3s ease-in-out shake}.glass-panel{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);border-radius:16px;padding:16px}.btn-primary{background:linear-gradient(135deg, var(--theme-accent-start), var(--theme-accent-end));color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 12px var(--theme-accent-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 6px 16px var(--theme-accent-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.btn-primary:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#2e303d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.card-color-red{background:linear-gradient(135deg, var(--color-red-start), var(--color-red-end));border:1px solid #fff3;box-shadow:0 4px 12px #e6004559}.card-color-blue{background:linear-gradient(135deg, var(--color-blue-start), var(--color-blue-end));border:1px solid #fff3;box-shadow:0 4px 12px #0284c759}.card-color-green{background:linear-gradient(135deg, var(--color-green-start), var(--color-green-end));border:1px solid #fff3;box-shadow:0 4px 12px #05966959}.card-color-purple{background:linear-gradient(135deg, var(--color-purple-start), var(--color-purple-end));border:1px solid #ffffff40;box-shadow:0 4px 12px #9333ea66}h1{letter-spacing:-1px;background:linear-gradient(135deg, #fff 40%, var(--theme-accent-start) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:38px;font-weight:800;line-height:1.1}h2{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}h3{color:var(--text-secondary);font-size:16px;font-weight:600}.muted-text{color:var(--text-secondary);font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.app-container{background-color:var(--bg-darker);flex-direction:column;width:100%;height:100%;transition:background .8s,border-color .8s;display:flex;position:relative;overflow:hidden}.app-container.screen-menu{--theme-accent-start:#0d9488;--theme-accent-end:#14b8a6;--theme-accent-glow:#14b8a659;--border-light:#14b8a61f;background-color:#08100e;background-image:radial-gradient(circle at 10% 20%,#14b8a638 0%,#0000 60%),radial-gradient(circle at 90% 80%,#10b98129 0%,#0000 60%)}.app-container.screen-playing.theme-round-1{--theme-accent-start:#0d9488;--theme-accent-end:#14b8a6;--theme-accent-glow:#14b8a659;--border-light:#14b8a61f;background-color:#0a1210;background-image:radial-gradient(circle at 20% 10%,#14b8a63b 0%,#0000 60%),radial-gradient(circle at 80% 90%,#10b98129 0%,#0000 60%)}.app-container.screen-playing.theme-round-2{--theme-accent-start:#f59e0b;--theme-accent-end:#fbbf24;--theme-accent-glow:#f59e0b59;--border-light:#fbbf241f;background-color:#16110c;background-image:radial-gradient(circle at 20% 10%,#f59e0b3b 0%,#0000 60%),radial-gradient(circle at 80% 90%,#fbbf2429 0%,#0000 60%)}.app-container.screen-playing.theme-round-3{--theme-accent-start:#dc2626;--theme-accent-end:#f87171;--theme-accent-glow:#f8717166;--border-light:#f8717126;background-color:#0c050b;background-image:radial-gradient(circle at 20% 10%,#ef44442e 0%,#0000 50%),radial-gradient(circle at 80% 90%,#db277726 0%,#0000 50%)}.app-container.screen-shop{--theme-accent-start:#0d9488;--theme-accent-end:#14b8a6;--theme-accent-glow:#14b8a659;--border-light:#14b8a626;background-color:#0a1311;background-image:radial-gradient(circle at 50% -10%,#14b8a640 0%,#0000 70%),radial-gradient(circle at 10% 90%,#10b9812e 0%,#0000 55%)}.app-container.screen-win{--theme-accent-start:#059669;--theme-accent-end:#34d399;--theme-accent-glow:#34d39966;--border-light:#34d39926;background-color:#05100d;background-image:radial-gradient(circle at 30% 20%,#22c55e26 0%,#0000 50%),radial-gradient(circle at 70% 80%,#eab30826 0%,#0000 50%)}.app-container.screen-lose{--theme-accent-start:#b91c1c;--theme-accent-end:#ef4444;--theme-accent-glow:#ef444466;--border-light:#ef444426;background-color:#0e0506;background-image:radial-gradient(circle at 50% 30%,#ef444414 0%,#0000 60%)}.wilbur-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;width:100%;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop;display:flex}.wilbur-avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.wilbur-img{object-fit:contain;filter:drop-shadow(0 6px 12px #0000004d);width:100%;height:100%;transition:transform .2s}.wilbur-container:hover .wilbur-img{transform:scale(1.05)}@keyframes wilbur-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wilbur-img{animation:3.5s ease-in-out infinite wilbur-float}@keyframes wilbur-wiggle{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-10deg)scale(1.1)translateY(-2px)}60%{transform:rotate(8deg)scale(1.1)translateY(-2px)}80%{transform:rotate(-3deg)scale(1.05)translateY(-1px)}}.wilbur-wiggle .wilbur-img{animation:.5s ease-in-out wilbur-wiggle}@keyframes wilbur-bark-bounce{0%,to{transform:scale(1)rotate(0)}15%{transform:scale(1.12,.88)rotate(-3deg)}30%{transform:scale(.9,1.18)translateY(-8px)rotate(6deg)}50%{transform:scale(1.06,.96)translateY(0)rotate(-1deg)}70%{transform:scale(.98,1.02)rotate(.5deg)}}.wilbur-bark-anim{animation:.8s cubic-bezier(.25,.8,.25,1) wilbur-bark-bounce}.wilbur-bark-bubble{background:var(--theme-accent-end);color:#0c0a09;box-shadow:0 4px 10px var(--theme-accent-glow);pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.5px;border-radius:12px 12px 12px 0;padding:3px 8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:900;animation:1.4s cubic-bezier(.175,.885,.32,1.275) forwards bark-bubble-pop;position:absolute;top:-8px;right:-8px}@keyframes bark-bubble-pop{0%{opacity:0;transform:scale(0)translateY(5px)}15%{opacity:1;transform:scale(1.2)translate(6px,-6px)}25%{transform:scale(1)translate(6px,-10px)}75%{opacity:1;transform:scale(1)translate(10px,-18px)}to{opacity:0;transform:scale(.8)translate(12px,-24px)}}.wilbur-speech-bubble{border:1px solid var(--border-light);text-align:left;box-shadow:var(--shadow-lg);background:#1c1917d9;border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:10px 14px;transition:transform .2s,border-color .3s;display:flex;position:relative}.wilbur-speech-bubble:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid #1c1917d9;width:0;height:0;position:absolute;left:-8px}.wilbur-container:hover .wilbur-speech-bubble{border-color:var(--theme-accent-end);box-shadow:0 0 12px var(--theme-accent-glow)}.wilbur-name-tag{text-transform:uppercase;letter-spacing:1px;color:var(--theme-accent-end);font-size:10px;font-weight:800;display:inline-block}.wilbur-text{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4}.wilbur-mode-menu{margin:8px 0 16px;padding:8px}.wilbur-mode-menu .wilbur-avatar-wrapper{width:88px;height:88px}.wilbur-mode-menu .wilbur-speech-bubble:before{top:36px}.wilbur-mode-playing{gap:18px;margin:0;padding:4px 6px}.wilbur-mode-playing .wilbur-avatar-wrapper{width:90px;height:90px}.wilbur-mode-playing .wilbur-speech-bubble{margin-top:-10px;padding:8px 12px}.wilbur-mode-playing .wilbur-speech-bubble:before{top:46px}.wilbur-mode-playing .wilbur-text{font-size:12px}.wilbur-mode-shop{gap:14px;margin:0 0 8px;padding:6px}.wilbur-mode-shop .wilbur-avatar-wrapper{width:66px;height:66px}.wilbur-mode-shop .wilbur-speech-bubble:before{top:25px}.wilbur-mode-win,.wilbur-mode-lose{justify-content:center;gap:16px;margin:12px 0;padding:12px}.wilbur-mode-win .wilbur-avatar-wrapper,.wilbur-mode-lose .wilbur-avatar-wrapper{width:96px;height:96px}.wilbur-mode-win .wilbur-speech-bubble:before,.wilbur-mode-lose .wilbur-speech-bubble:before{top:40px}.warning-toast{-webkit-backdrop-filter:blur(12px);z-index:10000;text-align:left;background:#180c10f2;border:1px solid #ef444466;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 40px);max-width:340px;padding:14px 18px;animation:.35s cubic-bezier(.175,.885,.32,1.275) toast-pop;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -5px #ef44444d,0 0 20px #ef444426}.warning-toast-icon{flex-shrink:0;font-size:24px;animation:2s ease-in-out infinite float}.warning-toast-text{color:#f87171;font-size:13px;font-weight:600;line-height:1.4}.info-toast{-webkit-backdrop-filter:blur(12px);z-index:10000;text-align:left;background:#0c1624f2;border:1px solid #38bdf866;border-radius:16px;align-items:center;gap:12px;width:calc(100% - 40px);max-width:340px;padding:14px 18px;animation:.35s cubic-bezier(.175,.885,.32,1.275) toast-pop;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -5px #38bdf84d,0 0 20px #38bdf826}.info-toast-icon{flex-shrink:0;font-size:24px}.info-toast-text{color:#38bdf8;font-size:13px;font-weight:600;line-height:1.4}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-20px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.wilbur-character{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.wilbur-body-img{width:100%;height:100%;display:block}.wilbur-tail-img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.wilbur-standing-tail{transform-origin:72% 57%;animation:.28s ease-in-out infinite wilbur-tail-wag-standing}.wilbur-sitting-tail{transform-origin:72% 77%;animation:.24s ease-in-out infinite wilbur-tail-wag-sitting}.wilbur-crouching-tail{transform-origin:71% 60%;animation:.26s ease-in-out infinite wilbur-tail-wag-crouching}@keyframes wilbur-tail-wag-standing{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes wilbur-tail-wag-sitting{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes wilbur-tail-wag-crouching{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@media (height<=850px){:root{--card-width:46px;--card-height:68px;--card-gap:4px;--card-font-size:24px;--card-suit-size:9px;--card-points-size:8px}#root .view-container{padding:calc(8px + env(safe-area-inset-top,0px)) 14px calc(8px + env(safe-area-inset-bottom,0px))}#root .btn-primary{border-radius:8px;padding:8px 16px;font-size:14px}#root .btn-secondary{border-radius:8px;padding:8px 12px;font-size:13px}#root .wilbur-mode-playing{gap:14px}#root .wilbur-mode-playing .wilbur-avatar-wrapper{width:78px;height:78px}#root .wilbur-mode-playing .wilbur-speech-bubble{margin-top:-8px;padding:6px 10px}#root .wilbur-mode-playing .wilbur-speech-bubble:before{top:39px}#root .wilbur-mode-playing .wilbur-text{font-size:11px}#root .menu-view{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:14px}#root .main-logo{font-size:32px}#root .panel-title{margin-bottom:8px;padding-bottom:4px}#root .stats-grid{gap:6px}#root .stat-val{font-size:16px}#root .stat-lbl{font-size:9px}#root .menu-actions{gap:6px}#root .start-btn{padding:10px;font-size:14px}#root .rules-content{gap:8px}#root .rule-bullet{font-size:13px}#root .rule-item p{font-size:11px}#root .game-over-view{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:12px}#root .win-banner,#root .lose-banner{font-size:30px}#root .game-over-subtitle{font-size:12px}#root .results-panel{gap:8px;padding:12px}#root .results-stat{font-size:13px}#root .score-highlight{font-size:16px}#root .played-words-list{gap:6px;max-height:110px}#root .played-word-row{padding-bottom:4px;font-size:11px}#root .word-math{font-size:10px}}@media (height<=720px){:root{--card-width:40px;--card-height:60px;--card-gap:4px;--card-font-size:20px;--card-suit-size:8px;--card-points-size:7px}#root .view-container{padding:calc(6px + env(safe-area-inset-top,0px)) 12px calc(6px + env(safe-area-inset-bottom,0px))}#root .wilbur-mode-playing{gap:12px}#root .wilbur-mode-playing .wilbur-avatar-wrapper{width:66px;height:66px}#root .wilbur-mode-playing .wilbur-speech-bubble{margin-top:-6px;padding:4px 8px}#root .wilbur-mode-playing .wilbur-speech-bubble:before{top:32px}#root .wilbur-mode-playing .wilbur-text{font-size:10px;line-height:1.2}#root .menu-view{padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:10px}#root .main-logo{font-size:26px}#root .main-tagline{letter-spacing:1.5px;font-size:11px}#root .rules-panel{padding:8px 12px}#root .rules-content{gap:6px}#root .rule-bullet{font-size:11px}#root .rule-item p{font-size:10.5px;line-height:1.3}#root .game-over-view{padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));justify-content:flex-start;gap:8px}#root .win-banner,#root .lose-banner{font-size:24px}#root .played-words-list{max-height:80px}}