.blackjack{display:grid;gap:16px;padding:18px}.blackjack-table{display:grid;gap:18px;padding:18px;border-radius:8px;background:#14532d;color:#fff}.blackjack-player-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blackjack-hand{display:grid;gap:10px;min-height:148px;padding:14px;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#065f46b8}.active-hand{outline:3px solid #facc15}.blackjack-hand-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.blackjack-cards{display:flex;flex-wrap:wrap;gap:8px}.blackjack-card{display:grid;place-items:center;width:54px;height:74px;border-radius:7px;background:#fff;color:#172033;font-weight:800;box-shadow:0 8px 18px #0f172a38}.empty-card{color:#526174}@media (max-width: 640px){.blackjack-player-row{grid-template-columns:1fr}}.connect4{display:grid;gap:16px;padding:18px}.seat-button{min-width:76px}.red-seat{background:#dc2626}.yellow-seat{background:#d97706}.connect4-board{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:8px;width:min(620px,100%);margin:0 auto;padding:12px;border-radius:8px;background:#1d4ed8}.connect4-cell{aspect-ratio:1;width:100%;min-width:0;border:0;border-radius:999px;padding:0;background:#eff6ff;box-shadow:inset 0 5px 10px #0f172a42}.connect4-cell[data-piece=red]{background:#ef4444}.connect4-cell[data-piece=yellow]{background:#facc15}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#172033;background:#e5edf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto;gap:14px;min-height:100vh;padding:18px}.topbar,.games-dock,.chat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1180px,100%);margin:0 auto}h1,p{margin:0}h1{font-size:28px;line-height:1.1}p{color:#526174}.character-summary,.chat{display:flex}input{min-width:0;border:1px solid #b7c4d4;border-radius:6px;padding:11px 12px;background:#fff;color:#172033}button{border:0;border-radius:6px;padding:11px 14px;background:#0f766e;color:#fff;font-weight:700;cursor:pointer}.games-dock{justify-content:flex-start;min-height:42px}.games-dock span{color:#526174;font-weight:800}.game-chip{border:1px solid #b7c4d4;background:#fff;color:#172033;box-shadow:none}.active-game-chip{border-color:#0f766e;background:#0f766e;color:#fff}.character-summary{align-items:center;gap:10px}.cash-pill{min-width:64px;border:1px solid #0f766e;border-radius:999px;padding:8px 11px;background:#ccfbf1;color:#134e4a;font-weight:900;text-align:center}.character-summary strong{max-width:160px;overflow:hidden;color:#172033;text-overflow:ellipsis;white-space:nowrap}.character-chip-preview{width:34px;height:34px;flex:0 0 auto;border:2px solid #111827;border-radius:999px}.room{width:min(1180px,100%);height:auto;max-height:calc(100vh - 226px);margin:0 auto;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafc;box-shadow:0 18px 45px #0f172a24;touch-action:manipulation}.paint-mode{cursor:crosshair;touch-action:none}.chat input{flex:1}.paint-palette{position:fixed;top:92px;right:18px;z-index:10;display:grid;justify-items:end;gap:8px}.palette-toggle{min-width:76px;border:1px solid #b7c4d4;background:#fff;color:#172033;box-shadow:0 10px 24px #0f172a29}.palette-panel{display:grid;gap:14px;width:min(292px,calc(100vw - 36px));max-height:calc(100vh - 150px);overflow:auto;padding:12px;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafcf5;box-shadow:0 18px 45px #0f172a2e}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-button{border:1px solid #b7c4d4;padding:9px 10px;background:#fff;color:#172033}.active-tool{border-color:#0f766e;background:#0f766e;color:#fff}.swatches{display:grid;grid-template-columns:repeat(4,34px);align-items:center;gap:8px}.palette-section{display:grid;gap:10px}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526174;font-size:12px;font-weight:800;text-transform:uppercase}.palette-heading strong{min-width:0;color:#172033;overflow-wrap:anywhere;text-align:right;text-transform:none}.powder-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.swatch{width:34px;height:34px;border:2px solid #ffffff;border-radius:999px;padding:0;box-shadow:0 0 0 1px #94a3b8}.powder-tab{min-width:0;border:1px solid #b7c4d4;padding:7px 5px;background:#fff;color:#172033;font-size:12px;line-height:1.1;box-shadow:none}.active-powder-tab{border-color:#0f766e;background:#ccfbf1;color:#134e4a}.powder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.powder-tile{display:grid;grid-template-rows:20px auto;align-items:center;justify-items:center;gap:5px;min-width:0;min-height:58px;border:1px solid #b7c4d4;padding:7px 5px;background:#fff;color:#172033;font-size:12px;line-height:1.1;box-shadow:none}.powder-tile span:last-child{max-width:100%;overflow-wrap:anywhere}.powder-tile-swatch{width:24px;height:20px;border:1px solid rgba(15,23,42,.22);border-radius:5px}.active-swatch,.active-powder-tile{box-shadow:0 0 0 3px #0f766e}.locked-swatch,.locked-option-chip{position:relative;opacity:.62}.locked-swatch:after,.locked-option-chip:after{content:"$";position:absolute;top:-6px;right:-6px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #92400e;border-radius:999px;background:#fde68a;color:#78350f;font-size:11px;font-weight:900}.brush-control{display:grid;gap:8px;color:#526174;font-weight:700}.brush-control input{width:100%;padding:0}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0f172a94}.character-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#0f172a9e}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;display:grid;place-items:center;padding:18px;background:#0f172a99}.shop-shell{width:min(980px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafc;box-shadow:0 24px 80px #0f172a5c}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #d1d5db}.shop-header h2,.shop-card h3{margin:0}.shop-header h2{font-size:24px;line-height:1.1}.shop-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;padding:18px}.shop-items,.shop-group,.economy-board{display:grid;gap:12px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{display:grid;align-content:space-between;gap:16px;min-height:150px;border:1px solid #b7c4d4;border-radius:8px;padding:14px;background:#fff}.shop-card h3{font-size:18px;line-height:1.15}.shop-card p{margin-top:6px;font-size:14px}.shop-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-card-footer span{color:#134e4a;font-weight:900}.shop-card-footer button:disabled{cursor:not-allowed;opacity:.55}.shop-message{color:#b91c1c;font-weight:800}.economy-board{align-content:start;border:1px solid #b7c4d4;border-radius:8px;padding:14px;background:#fff}.earn-panel{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid #d1d5db}.earn-panel ul,.economy-board ol{display:grid;gap:8px;margin:0;padding-left:22px}.earn-panel li,.economy-board li{color:#526174}.economy-board li span{display:inline-block;max-width:112px;overflow:hidden;color:#172033;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.economy-board li strong{float:right;color:#134e4a}.character-creator{width:min(940px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafc;box-shadow:0 24px 80px #0f172a5c}.character-header,.character-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.character-header{border-bottom:1px solid #d1d5db}.character-header h2{margin:0;font-size:24px;line-height:1.1}.character-actions{border-top:1px solid #d1d5db}.character-body{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);gap:18px;padding:18px}.character-preview{display:grid;min-height:390px;place-items:center;overflow:hidden;border:1px solid #b7c4d4;border-radius:8px;background:linear-gradient(#dbeafe 1px,transparent 1px),linear-gradient(90deg,#dbeafe 1px,transparent 1px),#eff6ff;background-size:28px 28px}.creator-jelly{--body: #14b8a6;--accent: #ffffff;--scale: 1;--wobble: 2s;position:relative;width:86px;height:124px;transform:scale(var(--scale));transform-origin:center bottom;border:4px solid #111827;border-radius:48% 52% 44% 46%/38% 40% 58% 58%;background:var(--body);animation:creator-wobble var(--wobble) ease-in-out infinite}.creator-jelly:after{content:"";position:absolute;left:17px;right:17px;bottom:-16px;height:16px;border:4px solid #111827;border-top:0;border-radius:0 0 18px 18px}.creator-jelly:before{content:"";position:absolute;left:50%;top:-20px;display:none;width:52px;height:24px;transform:translate(-50%);background:var(--accent)}.creator-eye{position:absolute;top:38px;width:13px;height:18px;border-radius:999px;background:var(--accent)}.left-eye{left:25px}.right-eye{right:25px}.creator-eye:after{content:"";position:absolute;top:7px;left:5px;width:4px;height:4px;border-radius:999px;background:#111827}.creator-mouth{position:absolute;left:37px;top:68px;width:18px;height:8px;border-bottom:3px solid #111827;border-radius:999px}.creator-decal{position:absolute;left:50%;top:78px;display:grid;grid-template-columns:repeat(16,1fr);width:40px;height:40px;transform:translate(-50%);overflow:hidden;border-radius:10px;pointer-events:none}.creator-decal span{min-width:0;min-height:0}.eyes-wide .creator-eye{width:17px;height:22px}.eyes-sleepy .creator-eye{height:3px;border-radius:999px}.eyes-sleepy .creator-eye:after{display:none}.eyes-stars .creator-eye{background:transparent}.eyes-stars .creator-eye:after{content:"*";top:-4px;left:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--accent);font-size:22px;font-weight:900;line-height:1}.hat-cap:before,.hat-crown:before{display:block;border:3px solid #111827}.hat-cap:before{top:-12px;height:18px;border-radius:999px 999px 8px 8px}.hat-crown:before{top:-22px;height:28px;clip-path:polygon(0 100%,8% 28%,30% 70%,50% 10%,70% 70%,92% 28%,100% 100%)}.hat-sprout:before,.hat-antenna:before{display:block;background:transparent}.hat-sprout:before{top:-28px;width:46px;height:34px;border:0;border-left:8px solid var(--accent);border-radius:50%;box-shadow:19px 1px 0 -4px var(--accent)}.hat-antenna:before{top:-34px;width:46px;height:40px;border-top:4px solid var(--accent);border-radius:50% 50% 0 0;box-shadow:-14px -1px 0 -5px #111827,14px -1px 0 -5px #111827}.character-controls{display:grid;gap:14px}.character-field,.character-section{display:grid;gap:8px;color:#526174;font-weight:800}.character-field input[type=range],.character-section input[type=range]{width:100%;padding:0}.size-presets,.option-grid,.character-swatches{display:flex;flex-wrap:wrap;gap:8px}.decal-section{align-content:start}.decal-toolbar,.decal-actions{display:flex;align-items:center;gap:10px}.decal-toolbar{flex-wrap:wrap}.decal-colors{display:flex;flex-wrap:wrap;gap:7px}.decal-color,.decal-eraser{border:1px solid #b7c4d4;background:#fff;color:#172033;box-shadow:none}.decal-color{width:30px;height:30px;padding:0;border-radius:6px}.decal-eraser{padding:7px 10px}.decal-editor{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));width:min(252px,100%);aspect-ratio:1;overflow:hidden;border:2px solid #172033;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #cbd5e1;touch-action:none;-webkit-user-select:none;user-select:none}.decal-pixel{min-width:0;min-height:0;border-right:1px solid rgba(148,163,184,.25);border-bottom:1px solid rgba(148,163,184,.25)}.empty-decal-pixel{background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mirror-toggle{display:inline-flex;align-items:center;gap:8px;color:#172033;font-weight:800}.mirror-toggle input{width:18px;height:18px;padding:0}.option-chip{border:1px solid #b7c4d4;padding:8px 10px;background:#fff;color:#172033;box-shadow:none}.inline-shop-button{justify-self:start;border:1px solid #b7c4d4;padding:8px 10px;background:#fff;color:#172033;box-shadow:none}.active-option-chip{border-color:#0f766e;background:#ccfbf1;color:#134e4a}@keyframes creator-wobble{0%,to{border-radius:48% 52% 44% 46%/38% 40% 58% 58%;transform:scale(var(--scale)) skew(-1deg)}50%{border-radius:52% 48% 48% 44%/42% 36% 56% 60%;transform:scale(calc(var(--scale) * 1.03),calc(var(--scale) * .97)) skew(2deg)}}.game-shell{width:min(860px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #b7c4d4;border-radius:8px;background:#f8fafc;box-shadow:0 24px 80px #0f172a57}.game-header,.vendor-game-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-header{padding:16px 18px;border-bottom:1px solid #d1d5db}.game-header h2{margin:0;font-size:24px;line-height:1.1}.secondary-button{border:1px solid #b7c4d4;background:#fff;color:#172033}.secondary-button:disabled,.seat-button:disabled,.connect4-cell:disabled{cursor:not-allowed;opacity:.58}.vendor-game-status p,.game-error{margin-top:4px}.vendor-game-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.game-error{color:#b91c1c;font-weight:700}@media (max-width: 640px){.shell{padding:12px}.topbar{align-items:stretch;flex-direction:column}.games-dock{overflow-x:auto;padding-bottom:2px}.character-summary,.chat{width:100%}.character-summary{justify-content:space-between}.paint-palette{top:auto;right:12px;bottom:76px}.game-header,.vendor-game-status,.shop-header,.character-header,.character-actions{align-items:stretch;flex-direction:column}.shop-body,.character-body,.shop-grid{grid-template-columns:1fr}.character-preview{min-height:260px}.vendor-game-actions{justify-content:stretch}.vendor-game-actions button{flex:1}}