*{box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#000}#root{width:100%;height:100%;background:radial-gradient(circle at top,#1a1a1a,#000 80%);display:flex;flex-direction:column;align-items:center;justify-content:center}:root{--card-red: #e30613;--card-green: #009640;--card-blue: #009fe3;--card-yellow: #ffed00;--card-pink: #e6007e;--card-black: #000000;--uno-red: var(--card-red);--uno-blue: var(--card-blue);--uno-green: var(--card-green);--uno-yellow: var(--card-yellow)}.app-container{width:100%;height:100%}.glass-panel{background:#1e1e24b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.4);border-radius:24px;padding:3rem;box-shadow:0 20px 50px #00000080;max-width:480px;width:90%;text-align:center;margin:auto}h1{font-size:2rem;font-weight:900;margin-bottom:1.5rem;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.8);letter-spacing:2px}h2,h3{margin-top:0;color:#fff}p{color:#a0a0a0}input{width:100%;padding:16px;margin:12px 0;border-radius:12px;border:2px solid transparent;background:#2b2b36;color:#fff;font-size:1.1rem;text-align:center}input:focus{outline:none;background:#32323e;border-color:var(--card-blue)}button{width:100%;padding:16px;margin-top:16px;border-radius:12px;border:none;font-size:1rem;font-weight:700;cursor:pointer;background:var(--card-blue);color:#fff;transition:transform .1s}button:hover{transform:translateY(-2px)}button:active{transform:scale(.98)}button:disabled{background:#333;color:#666;cursor:not-allowed;transform:none}.room-item{display:flex;justify-content:space-between;align-items:center;background:#25252e;padding:16px;margin:10px 0;border-radius:12px;cursor:pointer}.room-item:hover{background:#2f2f3a;border:1px solid var(--card-green)}.player-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:25px 0}.player-tag{background:#ffffff0d;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.game-area{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:1200px;overflow:hidden;background:radial-gradient(circle at center,#111,#000)}.poker-table{position:relative;width:100%;max-width:900px;min-width:900px;aspect-ratio:16 / 10;background-image:url(/table.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:none}.poker-table.round-table{min-width:620px;max-width:620px;width:620px;aspect-ratio:1 / 1;background-image:url(/table_round.png);background-color:#1b5e2e;background-size:100% 100%;border-radius:50%}.player-label{position:absolute;background:linear-gradient(180deg,#222,#111);color:#aaa;padding:6px 14px;border-radius:6px;font-weight:700;font-size:.85rem;border:1px solid #444;box-shadow:0 4px 10px #000c;white-space:nowrap;z-index:20;text-transform:uppercase}.label-bottom{bottom:-40px;left:50%;transform:translate(-50%);border-color:var(--card-blue);color:#fff}.label-top{top:-40px;left:50%;transform:translate(-50%)}.label-left{left:3%;top:50%;transform:translate(-100%,-50%) rotate(90deg)}.label-right{right:3%;top:50%;transform:translate(100%,-50%) rotate(-90deg)}.dice-container{position:absolute;width:60px;height:60px;z-index:10}.dice-pos-bottom{bottom:10%;left:47%;transform:translate(-50%)}.dice-pos-top{top:10%;left:47%;transform:translate(-50%)}.dice-pos-left{left:7%;top:45%;transform:translateY(-50%)}.dice-pos-right{right:7%;top:45%;transform:translateY(-50%)}.scene{width:100%;height:100%;perspective:600px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:translateZ(-30px)}.cube__face{position:absolute;width:60px;height:60px;background:#fdfdfd;border:1px solid #ccc;border-radius:10px;box-shadow:inset 0 0 15px #0000001a;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:4px;box-sizing:border-box}.cube__face--1{transform:rotateY(0) translateZ(30px)}.cube__face--2{transform:rotateY(-90deg) translateZ(30px)}.cube__face--3{transform:rotateY(180deg) translateZ(30px)}.cube__face--4{transform:rotateY(90deg) translateZ(30px)}.cube__face--5{transform:rotateX(-90deg) translateZ(30px)}.cube__face--6{transform:rotateX(90deg) translateZ(30px)}.dot{width:10px;height:10px;background:#111;border-radius:50%;align-self:center;justify-self:center;box-shadow:inset 0 1px 3px #000c}.cube__face--1 .dot{background:#d00;width:14px;height:14px}.cube__face--1 .dot:nth-child(1){grid-area:2 / 2}.cube__face--2 .dot:nth-child(1){grid-area:1 / 1}.cube__face--2 .dot:nth-child(2){grid-area:3 / 3}.cube__face--3 .dot:nth-child(1){grid-area:1 / 1}.cube__face--3 .dot:nth-child(2){grid-area:2 / 2}.cube__face--3 .dot:nth-child(3){grid-area:3 / 3}.cube__face--4 .dot:nth-child(1){grid-area:1 / 1}.cube__face--4 .dot:nth-child(2){grid-area:1 / 3}.cube__face--4 .dot:nth-child(3){grid-area:3 / 1}.cube__face--4 .dot:nth-child(4){grid-area:3 / 3}.cube__face--5 .dot:nth-child(1){grid-area:1 / 1}.cube__face--5 .dot:nth-child(2){grid-area:1 / 3}.cube__face--5 .dot:nth-child(3){grid-area:3 / 1}.cube__face--5 .dot:nth-child(4){grid-area:3 / 3}.cube__face--5 .dot:nth-child(5){grid-area:2 / 2}.cube__face--6 .dot:nth-child(1){grid-area:1 / 1}.cube__face--6 .dot:nth-child(2){grid-area:1 / 3}.cube__face--6 .dot:nth-child(3){grid-area:2 / 1}.cube__face--6 .dot:nth-child(4){grid-area:2 / 3}.cube__face--6 .dot:nth-child(5){grid-area:3 / 1}.cube__face--6 .dot:nth-child(6){grid-area:3 / 3}.card-wrapper{perspective:1000px;width:90px;height:130px;cursor:grab;position:relative;-webkit-user-select:none;user-select:none}.card-wrapper:active{cursor:grabbing}.playing-card{width:100%;height:100%;border-radius:10px;position:relative;box-sizing:border-box;padding:5px;box-shadow:-2px 2px 5px #0000004d;background-color:#fff}.bg-red{background-color:var(--card-red)}.bg-green{background-color:var(--card-green)}.bg-blue{background-color:var(--card-blue)}.bg-yellow{background-color:var(--card-yellow)}.bg-pink{background-color:var(--card-pink)}.bg-black{background-color:var(--card-black)}.card-frame{width:100%;height:100%;border:3px solid white;border-radius:6px;position:relative;display:flex;justify-content:center;align-items:center}.card-text-large{font-family:Poppins,sans-serif;font-weight:900;font-size:5rem;color:#fff;text-shadow:3px 3px 0px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1;z-index:2}.corner-val{position:absolute;font-family:Poppins,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;text-shadow:2px 2px 0px #000,-1px -1px 0 #000,1px -1px 0 #000;z-index:2}.corner-tl{top:2px;left:5px}.corner-br{bottom:2px;right:5px;transform:rotate(180deg)}.pie-chart{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--card-pink) 0% 72deg,var(--card-yellow) 72deg 144deg,var(--card-red) 144deg 216deg,var(--card-blue) 216deg 288deg,var(--card-green) 288deg 360deg);border:2px solid white}.pie-chart-small{width:20px;height:20px;border-radius:50%;background:conic-gradient(var(--card-pink) 0% 72deg,var(--card-yellow) 72deg 144deg,var(--card-red) 144deg 216deg,var(--card-blue) 216deg 288deg,var(--card-green) 288deg 360deg);border:1px solid white;display:inline-block}.prohibition-sign{width:60px;height:60px;border:6px solid white;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px #000,inset 2px 2px #000}.prohibition-bar{position:absolute;width:6px;height:100%;background:#fff;transform:rotate(-45deg);box-shadow:1px 0 #000}.ban-overlay{border-color:red;box-shadow:2px 2px #000}.ban-overlay .prohibition-bar{background:red}.prohibition-small{width:16px;height:16px;border:2px solid white;border-radius:50%;position:relative;display:inline-block}.prohibition-small:after{content:"";position:absolute;top:0;left:50%;height:100%;width:2px;background:#fff;transform:translate(-50%) rotate(-45deg)}.ban-small{border-color:red}.ban-small:after{background:red}.card-back{width:100%;height:100%;background:#111;border:4px solid white;border-radius:10px;display:flex;justify-content:center;align-items:center}.back-logo{width:70%;height:60%;background:linear-gradient(135deg,#ff5f5f,#f1c40f);border-radius:50%;transform:rotate(-25deg);border:2px solid white}.color-picker-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-150%);background:#000000e6;padding:15px;border-radius:12px;display:flex;gap:10px;z-index:200;box-shadow:0 5px 20px #000;border:1px solid #444}.color-btn{width:40px;height:40px;border-radius:50%;border:2px solid white;cursor:pointer;transition:transform .2s}.color-btn:hover{transform:scale(1.2)}@media(max-width:900px){.color-picker-overlay{gap:14px;padding:18px}.color-btn{width:58px;height:58px;border-width:3px}}.btn-red{background:var(--card-red)}.btn-blue{background:var(--card-blue)}.btn-green{background:var(--card-green)}.btn-yellow{background:var(--card-yellow)}.btn-pink{background:var(--card-pink)}.game-status-indicator{position:absolute;top:calc(50% - 110px);left:50%;transform:translate(-50%,-50%);background:#000c;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;pointer-events:none;z-index:10;box-shadow:0 4px 10px #00000080}.status-dot{width:15px;height:15px;border-radius:50%;border:1px solid white}.controls-area{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:10px}.action-btn{padding:12px 24px;border-radius:30px;border:none;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:all .2s;text-transform:uppercase;font-size:.9rem}.btn-draw{background:linear-gradient(135deg,#3f8cff,#2980b9);color:#fff}.btn-pass{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.direction-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;opacity:.15;pointer-events:none;z-index:2;transition:transform .5s ease-in-out;color:#fff}.winner-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.winner-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:40px;border-radius:20px;border:2px solid gold;text-align:center;box-shadow:0 0 50px #ffd7004d;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.winner-name{font-size:3rem;color:gold;font-weight:900;text-shadow:0 2px 0 black;margin:10px 0;font-family:Fredericka the Great,cursive}.modal-btn-group{display:flex;gap:20px;justify-content:center;margin-top:30px}.score-badge{position:absolute;width:22px;height:22px;border-radius:50%;background:gold;color:#111;font-weight:900;font-size:.75rem;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 2px 6px #0009;border:1px solid rgba(255,255,255,.4);z-index:20}.dice-pos-bottom .score-badge,.dice-pos-top .score-badge,.dice-pos-left .score-badge,.dice-pos-right .score-badge{top:-8px;right:-8px}@keyframes floatCard{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-18px) rotate(var(--rot))}}@keyframes trackMarquee{0%,15%{transform:translate(0)}70%,85%{transform:translate(var(--scroll-px, 0px))}to{transform:translate(0)}}.deco-card{position:absolute;border-radius:10px;box-shadow:0 10px 30px #00000080;pointer-events:none;animation:floatCard var(--dur, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.85}.card-stack-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#000000d9;border:2px solid white;border-radius:50%;color:#fff;font-family:Poppins,sans-serif;font-weight:900;font-size:1.2rem;display:flex;justify-content:center;align-items:center;z-index:200;box-shadow:0 4px 10px #00000080}.center-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Poppins,sans-serif;font-size:clamp(.9rem,2vw,1.6rem);font-weight:900;color:#fff;text-align:center;text-shadow:0 4px 0 black,-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black;z-index:60;pointer-events:none;white-space:pre-wrap;max-width:50%;line-height:1.3;animation:floatIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.story-container{position:fixed;inset:0;background:radial-gradient(circle at top,#0d0d1a,#000 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:inherit;overflow:hidden;z-index:100}.story-btn{padding:12px 28px;border-radius:10px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .1s,opacity .2s;width:auto}.story-btn:hover{transform:translateY(-2px);opacity:.92}.story-btn:active{transform:scale(.97)}.story-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.story-btn-primary{background:var(--card-blue);color:#fff}.story-btn-success{background:#2ecc71;color:#fff}.story-btn-danger{background:#e74c3c;color:#fff}.story-btn-gold{background:linear-gradient(135deg,#f0a500,#e8872a);color:#fff}.story-btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff}.story-panel{background:#14141ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px}.dialogue-screen{position:fixed;inset:0;background:radial-gradient(ellipse at bottom,#0a0a1e,#000 70%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:32px;gap:0;z-index:200}.dialogue-portrait{font-size:clamp(5rem,15vw,9rem);line-height:1;filter:drop-shadow(0 0 30px rgba(100,150,255,.4));margin-bottom:24px;animation:portraitBob 3s ease-in-out infinite;flex-shrink:0}@keyframes portraitBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dialogue-title-bar{background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:8px 8px 0 0;padding:6px 20px;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--card-blue);align-self:flex-start;margin-left:calc(50% - min(380px,48vw))}.dialogue-box{background:#0a0a14f2;border:1px solid rgba(255,255,255,.15);border-radius:0 16px 16px;padding:20px 24px 24px;width:min(760px,96vw);min-height:100px;cursor:pointer;position:relative}.dialogue-text{color:#ffffffeb;font-size:clamp(.85rem,2.5vw,1.05rem);line-height:1.65;min-height:48px}.dialogue-next-hint{position:absolute;bottom:10px;right:16px;color:#ffffff59;font-size:.75rem;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.35}50%{opacity:.8}}.dialogue-choices{width:min(760px,96vw);display:flex;flex-direction:column;gap:8px;margin-top:12px}.dialogue-choice-btn{background:#28283ce6;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 18px;color:#fff;font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.dialogue-choice-btn:hover{background:#3c5078e6;border-color:#6496ff80}.story-map{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-y:auto;gap:24px}.story-map-header{display:flex;align-items:center;justify-content:space-between;width:min(700px,96vw);padding:12px 0}.story-hud{display:flex;align-items:center;gap:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 20px}.story-hearts{display:flex;gap:4px}.story-heart{font-size:1.2rem;filter:drop-shadow(0 0 4px rgba(255,80,80,.6))}.story-heart-empty{font-size:1.2rem;opacity:.25}.story-money{font-size:1rem;font-weight:700;color:#f0c040;display:flex;align-items:center;gap:6px}.opponent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;width:min(700px,96vw)}.opponent-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 10px;text-align:center;cursor:default;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.opponent-card.current{background:#0064c833;border-color:var(--card-blue);cursor:pointer;box-shadow:0 0 20px #009fe34d;animation:pulseCard 2s ease-in-out infinite}@keyframes pulseCard{0%,to{box-shadow:0 0 20px #009fe34d}50%{box-shadow:0 0 30px #009fe399}}.opponent-card.current:hover{transform:translateY(-4px);box-shadow:0 8px 30px #009fe380}.opponent-card.defeated{background:#2ecc7114;border-color:#2ecc714d;opacity:.7}.opponent-card.locked{opacity:.35}.opponent-card.boss{background:#c832321a;border-color:#dc50504d}.opponent-card.boss.current{background:#c8323233;border-color:#dc5050cc;box-shadow:0 0 20px #dc505066}.opponent-portrait{font-size:2.2rem;line-height:1}.opponent-name{font-size:.72rem;font-weight:700;color:#ffffffd9}.opponent-title{font-size:.62rem;color:#fff6}.opponent-defeated-badge{position:absolute;top:6px;right:6px;font-size:.8rem}.battle-result-overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:500;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.battle-result-title{font-family:Fredericka the Great,cursive;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:4px;text-shadow:0 4px 20px rgba(0,0,0,.8)}.battle-result-title.win{color:#2ecc71;text-shadow:0 0 40px rgba(46,204,113,.6)}.battle-result-title.lose{color:#e74c3c;text-shadow:0 0 40px rgba(231,76,60,.6)}.story-hub{width:min(860px,98vw);display:flex;flex-direction:column;gap:20px;padding:20px 0;overflow-y:auto;max-height:100vh}.hub-title{font-family:Fredericka the Great,cursive;font-size:clamp(1.4rem,4vw,2rem);text-align:center;letter-spacing:3px;color:#fff;margin:0}.hub-tabs{display:flex;gap:8px;background:#ffffff0d;border-radius:14px;padding:6px}.hub-tab{flex:1;padding:10px;border-radius:10px;border:none;font-size:.85rem;font-weight:700;cursor:pointer;background:transparent;color:#ffffff80;transition:all .2s;width:auto;margin:0}.hub-tab.active{background:#ffffff1f;color:#fff;box-shadow:0 2px 8px #0000004d}.hub-tab:hover:not(.active){background:#ffffff0f;color:#fffc;transform:none}.shop-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;transition:border-color .2s}.shop-item:hover{border-color:#ffffff40}.shop-item.affordable{border-color:#2ecc714d}.shop-item.affordable:hover{border-color:#2ecc7199}.shop-item.sold{opacity:.4}.shop-item-header{display:flex;align-items:center;gap:10px}.shop-item-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.shop-item-name{font-weight:700;font-size:.95rem}.shop-item-category{font-size:.68rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.shop-item-desc{font-size:.8rem;color:#fff9}.shop-item-price{font-size:.9rem;font-weight:700;color:#f0c040}.shop-item-buy-btn{align-self:flex-end}.healer-area{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.healer-portrait{font-size:5rem;animation:portraitBob 4s ease-in-out infinite}.healer-event-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 24px;text-align:center;max-width:380px}.healer-event-icon{font-size:2.5rem;margin-bottom:8px}.healer-event-msg{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin-bottom:16px}.healer-cost{font-size:1.1rem;font-weight:700;color:#f0c040;margin-bottom:12px}.savings-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.interest-rate-badge{background:#2ecc7126;border:1px solid rgba(46,204,113,.4);border-radius:10px;padding:8px 16px;font-size:1.1rem;font-weight:700;color:#2ecc71}.story-game-wrapper{position:fixed;inset:0;background:radial-gradient(circle at top,#0d0d1a,#000 80%);display:flex;flex-direction:column;z-index:100}.story-game-topbar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;border-bottom:1px solid rgba(255,255,255,.07)}.story-game-topbar-left{display:flex;align-items:center;gap:12px;font-size:.82rem}.story-game-topbar-right{display:flex;align-items:center;gap:8px}.sleeve-panel{position:absolute;bottom:260px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:55;align-items:center}.sleeve-card-slot{position:relative;cursor:pointer;transition:transform .15s}.sleeve-card-slot:hover{transform:translateY(-8px)}.sleeve-label{font-size:.6rem;color:#ffffff80;text-align:center;margin-top:2px;letter-spacing:1px;text-transform:uppercase}.joker-panel{position:absolute;right:12px;bottom:50%;transform:translateY(50%);display:flex;flex-direction:column;gap:6px;z-index:55}.joker-btn{height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#1e1e32e6;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;margin:0;width:44px}.joker-btn:hover{background:#3c3c64e6;border-color:#6496ff80;transform:scale(1.08)}.color-picker-overlay{position:fixed;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:400;animation:fadeIn .25s ease}.color-picker-title{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:2px}.color-picker-grid{display:flex;gap:14px}.color-picker-btn{height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0;margin:0;width:70px}.color-picker-btn:hover{transform:scale(1.15);box-shadow:0 0 20px #fff6}.game-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;white-space:pre-line;text-shadow:0 2px 10px rgba(0,0,0,.9);pointer-events:none;z-index:30;background:#00000080;padding:10px 20px;border-radius:12px}.active-effects-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:40}.effect-badge{background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px}.game-over-screen{width:min(600px,96vw);display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0}.game-over-title{font-family:Fredericka the Great,cursive;font-size:clamp(2rem,7vw,3.5rem);color:#e74c3c;text-shadow:0 0 40px rgba(231,76,60,.5);letter-spacing:4px}.game-over-stats{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;width:100%}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.upgrade-tile{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:all .2s}.upgrade-tile:hover{border-color:#6496ff80;background:#32508c33}.upgrade-tile.maxed{opacity:.4;cursor:default}.upgrade-tile.affordable{border-color:#2ecc7166}.upgrade-tile-icon{font-size:1.8rem;margin-bottom:6px}.upgrade-tile-name{font-size:.85rem;font-weight:700;margin-bottom:4px}.upgrade-tile-desc{font-size:.72rem;color:#ffffff80;margin-bottom:8px}.upgrade-tile-cost{font-size:.8rem;font-weight:700;color:#f0c040}.victory-screen{width:min(600px,96vw);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:20px 0}.victory-title{font-family:Fredericka the Great,cursive;font-size:clamp(2rem,7vw,3.5rem);color:#f0c040;text-shadow:0 0 40px rgba(240,196,64,.5);letter-spacing:4px}.story-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff9}.story-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--card-blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.peek-overlay{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:600}@media(max-width:600px){.dialogue-portrait{font-size:4rem}.opponent-grid{grid-template-columns:repeat(3,1fr)}.upgrade-grid{grid-template-columns:1fr}.joker-panel{right:6px}.joker-btn{width:38px;height:38px;font-size:1.1rem}}