body:has(.preloader){min-height:100vh;display:grid;place-items:center}svg.tea{--secondary: #33406f}svg.tea #teabag{transform-origin:top center;transform:rotate(3deg);animation:swing 2s infinite}svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13;animation:steamLarge 2s infinite}svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9;animation:steamSmall 2s infinite}@-moz-keyframes swing{50%{transform:rotate(-3deg)}}@-webkit-keyframes swing{50%{transform:rotate(-3deg)}}@-o-keyframes swing{50%{transform:rotate(-3deg)}}@keyframes swing{50%{transform:rotate(-3deg)}}@-moz-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@-webkit-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@-o-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@-moz-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}@-webkit-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}@-o-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}:root{--bg-dark: #070a11;--bg-dark-surface: #0f172a;--glass-bg: rgba(15, 23, 42, .65);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .2);--glass-hover: rgba(255, 255, 255, .06);--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .4);--ai-accent: #a855f7;--ai-hover: #9333ea;--ai-glow: rgba(168, 85, 247, .4);--danger: #f43f5e;--danger-glow: rgba(244, 63, 94, .35);--success: #10b981;--success-glow: rgba(16, 185, 129, .35);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--panel-radius: 16px;--panel-shadow: 0 20px 50px -10px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08) inset;--transition: all .25s cubic-bezier(.16, 1, .3, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#818cf8;text-decoration:inherit;transition:var(--transition)}a:hover{color:#a5b4fc}html,*{margin:0;padding:0;box-sizing:border-box}html:has(.custom-cursor img){cursor:none!important}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 0%,#1e1b4b 0%,var(--bg-dark) 70%)}.custom-cursor{position:fixed;width:40px;height:40px;pointer-events:none;top:0;z-index:10000000;left:0;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}@media screen and (max-width: 768px){body{min-height:100dvh}}h1{font-size:3.2em;line-height:1.1;letter-spacing:-.02em}#app{margin:0;padding:0}.dice-wrapper{z-index:9999;position:fixed;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);box-shadow:-10px 10px 30px #0006;border-radius:16px 0 0 16px;top:40px;right:-220px;width:200px;height:130px;padding:20px;transition:transform .5s cubic-bezier(.16,1,.3,1),right .5s cubic-bezier(.16,1,.3,1)}.dice-wrapper:hover{right:0}.dice-wrapper .shield{position:absolute;border-radius:12px 0 0 12px;left:-20px;top:0;height:100%;background:linear-gradient(180deg,#84cc16,#4d7c0f);box-shadow:-2px 0 10px #84cc1666;width:20px}.dice-wrapper .shield span{transform:rotate(90deg);display:block;margin-top:20px;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dice-wrapper .shield strong{display:block;margin-top:40px;margin-left:4px}.dice-wrapper .content{width:100%;height:80%;display:flex;align-items:center;justify-content:center;gap:20px}.dice-wrapper .content .six{width:75px;height:75px;margin-bottom:12px;border:2px solid #0f172a;border-radius:12px;background:#fff;box-shadow:inset 0 -4px #0000001a,0 4px 10px #00000026;display:flex;align-items:center;justify-content:center}.dice-wrapper .content .six .dice p{color:#0f172a;font-size:26px;font-weight:800}.dice-wrapper .content img{max-width:90px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.eight{position:relative}.eight p{position:absolute;left:37px;top:8px;color:#0f172a;font-size:24px;font-weight:700}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;background-color:var(--danger);box-shadow:0 0 12px var(--danger);border-radius:50%;z-index:200000}.notification{display:flex;align-items:flex-start;margin-bottom:16px;gap:16px;background:var(--glass-bg);padding:12px 16px;border-radius:12px;border:1px solid var(--glass-border)}.notification span{font-size:12px;color:var(--text-dim)}.notification p{color:var(--text-main);font-size:13px}.begin-screen{background-size:cover;background-repeat:no-repeat;background-position:center center;position:fixed;left:0;right:0;top:0;bottom:0;z-index:2000;width:100%;height:100%}.preloader{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2000;width:100%;height:100%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;flex-direction:column}.preloader p{color:var(--text-muted);font-weight:500;letter-spacing:.5px}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;gap:12px;width:380px;height:auto;padding:24px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);box-shadow:0 30px 60px #00000080,inset 0 1px #fff3;transition:.4s cubic-bezier(.16,1,.3,1)}.modal:hover{box-shadow:0 35px 70px #0009,inset 0 1px #ffffff4d}.modal.active{height:160px;padding:32px;border-radius:36px}.rooms-list{display:none;width:100%}.rooms-list.active{display:block}.rooms-select{width:100%;height:48px;padding:0 16px;border-radius:14px;background:var(--bg-dark-surface);border:1px solid var(--glass-border);color:var(--text-main);font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;box-shadow:inset 0 2px 4px #0003}.rooms-select:hover,.rooms-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.rooms-select option{background:var(--bg-dark-surface);color:var(--text-main)}.games-list{display:none;width:100%}.games-list.active{display:block}.games-select{width:100%;height:48px;padding:0 16px;border-radius:14px;background:var(--bg-dark-surface);border:1px solid var(--glass-border);color:var(--text-main);font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;box-shadow:inset 0 2px 4px #0003}.games-select:hover,.games-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.games-select option{background:var(--bg-dark-surface);color:var(--text-main)}.games-locked{width:100%;height:48px;padding:0 16px;border-radius:14px;background:var(--bg-dark-surface);border:1px solid var(--glass-border);color:var(--text-muted);font-size:15px;font-weight:500;display:flex;align-items:center;box-sizing:border-box}.field-wrapper{position:relative;display:flex;flex-direction:column;align-items:stretch}.field{font-family:Instrument Sans,sans-serif;font-size:18px;display:flex;align-items:center;min-height:48px;border-radius:14px;border:1px solid var(--glass-border);padding:0 16px;background:#0003;color:var(--text-main);outline:none;transition:var(--transition)}.active .field{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.field::placeholder{opacity:.5;color:var(--text-muted)}.sign,.signed-by{font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.04em}.active .signed-by{opacity:1}.sign{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center;height:40px;border-radius:10px;padding:0 16px;background:var(--accent);color:#fff;border:none;opacity:.4;font-weight:600;transition:var(--transition);cursor:pointer}.sign:hover{background:var(--accent-hover)}.active .sign{opacity:1;box-shadow:0 4px 12px var(--accent-glow)}.tabs-list{display:flex}.tab-item{height:28px;line-height:28px;background-color:#ffffff0d;border:1px solid var(--glass-border);border-bottom:none;color:var(--text-muted);text-align:center;font-size:12px;font-weight:600;padding:0 20px;border-radius:10px 10px 0 0;margin-top:-28px;transition:var(--transition)}.tab-item.active{background-color:var(--bg-dark-surface);color:var(--text-main);border-color:var(--glass-border-light)}.users-list{display:flex;align-items:center;gap:16px;padding:10px 24px}.user-item{display:flex;align-items:center;justify-content:center;gap:8px}.user-item .user-logo{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--glass-border-light);box-shadow:0 2px 8px #0000004d}.user-item .user-logo img{width:100%;height:100%;object-fit:cover}.user-item p{color:var(--text-main);font-size:13px;font-weight:500}.resources-list{display:flex;width:100%;overflow-x:auto;align-items:center;height:72px;gap:16px;padding:8px 24px}.resource-item{min-width:90px;max-width:90px;height:52px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:var(--transition)}.resource-item:hover{background:#ffffff1a;border-color:var(--glass-border-light);transform:translateY(-2px)}.resource-item span{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--accent-glow)}.resource-item img{width:75%;height:75%;object-fit:contain}.search{padding:0 24px}.search input{width:100%;height:32px;border-radius:10px;padding:0 12px;background:#0003;border:1px solid var(--glass-border);color:var(--text-main);outline:none;transition:var(--transition)}.search input:focus{border-color:var(--accent)}.game-viewport{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 70%),linear-gradient(45deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(-45deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px;background-position:center;display:flex;align-items:center;justify-content:center}.demo-piece{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f43f5e,#9f1239);box-shadow:0 0 30px var(--danger-glow),inset 0 2px 4px #fff6;position:absolute;top:40%;left:45%}.ui-layer{position:relative;z-index:10;width:100%;height:100vh;pointer-events:none;display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:80px 1fr 300px;padding:24px;gap:24px}@media screen and (max-width: 768px){.ui-layer{display:flex;flex-direction:column;justify-content:space-between;height:100dvh;padding:12px}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);pointer-events:auto;box-shadow:var(--panel-shadow);transition:border-color .3s ease}.glass-panel:hover{border-color:var(--glass-border-light)}.top-bar{grid-column:1 / -1;grid-row:1;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:70px}.room-info{display:flex;align-items:center;gap:12px}.room-code{font-weight:700;letter-spacing:1.5px;color:var(--text-main);font-size:.95rem;background:#ffffff0d;padding:6px 14px;border-radius:8px;border:1px solid var(--glass-border)}.turn-tracker-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px}.turn-indicator{display:flex;flex-direction:column;align-items:center}.turn-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim)}.active-player{font-weight:700;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:1.05rem}.timer-display{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--text-main);background:#0006;padding:6px 16px;border-radius:10px;border:1px solid var(--glass-border);box-shadow:inset 0 2px 4px #0000004d}.top-actions{display:flex;gap:10px}.icon-btn{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.2rem}.icon-btn:hover{background:var(--glass-bg-hover);color:var(--text-main);border-color:var(--glass-border-light);transform:translateY(-1px)}.btn-end-turn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;border:none;padding:0 22px;border-radius:10px;font-weight:600;height:42px;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);transition:var(--transition)}.btn-end-turn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1)}@media screen and (max-width: 768px){.turn-tracker-container,.room-code{display:none}}.left-sidebar{grid-column:1;grid-row:2 / -1;display:flex;flex-direction:column;gap:16px;pointer-events:none}@media screen and (max-width: 768px){.left-sidebar{position:absolute;left:12px;bottom:90px}}.minimap-container{width:100%;aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--panel-radius)}.minimap-content{width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.minimap-viewport-rect{width:60%;height:40%;border:2px solid var(--accent);border-radius:4px;box-shadow:0 0 0 1000px #0009,0 0 10px var(--accent-glow)}.tool-tray{display:flex;flex-direction:column;gap:10px;padding:10px;width:fit-content}.tool-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-muted);font-size:1.3rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.tool-btn.active,.tool-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.05)}.right-sidebar{grid-column:3;grid-row:3;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}@media screen and (max-width: 768px){.right-sidebar{height:300px;position:absolute;bottom:-100%}}.tab-header{display:flex;border-bottom:1px solid var(--glass-border);background:#00000026}.tab-btn{flex:1;padding:16px 0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;position:relative;transition:var(--transition)}.tab-btn:hover{color:var(--text-main);background:#ffffff08}.tab-btn.active{color:var(--accent);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);box-shadow:0 -2px 10px var(--accent-glow)}.tab-btn.ai-tab.active{color:var(--ai-accent)}.tab-btn.ai-tab.active:after{background:var(--ai-accent);box-shadow:0 -2px 10px var(--ai-glow)}.tab-btn.ai-tab:hover{color:#c084fc}.tab-content{flex:1;overflow-y:auto;padding:18px}.tab-pane{display:none;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);height:100%;flex-direction:column}.tab-pane.active{display:flex}.user-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;margin-bottom:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#334155,#1e293b);border:1px solid var(--glass-border-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success-glow)}.user-action{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:var(--transition)}.user-action:hover{background:var(--glass-bg-hover);color:var(--text-main)}.log-entry{font-size:.85rem;margin-bottom:14px;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.log-entry span{color:var(--text-dim);font-size:.7rem;padding-top:2px;font-family:monospace}.log-entry p{border-left:2px solid var(--accent);padding-left:10px;color:var(--text-main)}.log-sys{color:var(--warning);font-style:italic}.log-user{color:var(--text-muted)}.log-user b{color:var(--accent)}.chat-input-area{margin-top:auto;padding-top:14px;border-top:1px solid var(--glass-border);display:flex;gap:8px}.chat-input{flex:1;background:#0000004d;border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px;color:#fff;font-size:.9rem;outline:none;transition:var(--transition)}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.oracle-input:focus{border-color:var(--ai-accent);box-shadow:0 0 10px var(--ai-glow)}.oracle-btn{background:var(--ai-accent);color:#fff;border:none;border-radius:10px;padding:0 16px;font-weight:600;cursor:pointer;transition:var(--transition)}.oracle-btn:hover{background:var(--ai-hover);box-shadow:0 0 12px var(--ai-glow)}.resource-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}.resource-card{background:#ffffff08;padding:12px 16px;border-radius:12px;border:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.resource-card:hover{background:#ffffff0f;border-color:var(--glass-border-light)}.resource-card__wrapper{display:flex;align-items:center;gap:12px}.res-icon{width:40px;height:40px;min-width:40px}.res-icon img{width:100%;height:100%;object-fit:contain}.res-val{font-size:1.2rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-main)}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-btn-lg{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-main);padding:14px 18px;border-radius:12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:.95rem;font-weight:500;transition:var(--transition)}.menu-btn-lg:hover{background:#ffffff14;border-color:var(--glass-border-light);transform:translate(4px)}.menu-btn-lg i{font-size:1.3rem;color:var(--text-muted);transition:var(--transition)}.menu-btn-lg:hover i{color:var(--accent)}.menu-divider{border:none;border-top:1px solid var(--glass-border);margin:8px 0}.menu-btn-lg.danger{border-color:#f43f5e33;color:#fda4af}.menu-btn-lg.danger:hover{background:#f43f5e1a;border-color:var(--danger)}.menu-btn-lg.danger i{color:var(--danger)}.bottom-hud{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px}.hand-container{display:flex;gap:-10px;padding:10px 30px;align-items:flex-end}.game-card{width:105px;height:155px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid var(--glass-border-light);border-radius:12px;margin:0 4px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.card-art{width:80%;height:42%;background:linear-gradient(135deg,var(--accent) 0%,#312e81 100%);border-radius:6px;margin-bottom:10px;box-shadow:inset 0 1px 2px #ffffff4d}.card-text{font-size:.65rem;font-weight:500;text-align:center;padding:0 6px;color:var(--text-muted)}.game-card:hover{transform:translateY(-35px) scale(1.18);z-index:100;border-color:var(--accent);box-shadow:0 15px 35px #000000b3,0 0 15px var(--accent-glow)}.ai-sparkle-btn{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--ai-accent);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:0;transform:scale(.5);transition:all .3s ease;border:2px solid #fff;box-shadow:0 0 12px var(--ai-glow);z-index:101}.game-card:hover .ai-sparkle-btn{opacity:1;transform:scale(1)}.ai-sparkle-btn:hover{background:#c084fc;transform:scale(1.15);cursor:help}.selection-inspector{grid-column:2;grid-row:2;align-self:start;justify-self:start;width:290px;padding:18px;display:flex;flex-direction:column;gap:14px;margin-left:20px;animation:slideIn .3s cubic-bezier(.16,1,.3,1);z-index:50}.sel-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--glass-border);padding-bottom:14px}.sel-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 0 15px var(--danger-glow);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff}.sel-info{flex:1}.sel-title{font-weight:700;font-size:1rem;color:var(--text-main)}.sel-subtitle{font-size:.75rem;color:var(--text-muted)}.sel-stats{display:flex;justify-content:space-between;background:#0000004d;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.stat-box{text-align:center}.stat-label{font-size:.65rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;display:block;margin-bottom:2px}.stat-val{font-weight:700;font-size:.95rem;color:var(--text-main)}.sel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-main);padding:10px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:var(--transition)}.action-btn:hover{background:#ffffff14;border-color:var(--glass-border-light)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;grid-column:span 2;box-shadow:0 4px 12px var(--accent-glow)}.action-btn.primary:hover{background:var(--accent-hover);box-shadow:0 6px 16px var(--accent-glow)}.action-btn.danger{border-color:#f43f5e66;color:var(--danger)}.action-btn.danger:hover{background:#f43f5e26}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tool-tray-cards:not(:has(button)){opacity:0}#joystick{position:fixed;right:30px;bottom:30px;width:120px;z-index:22123222;height:120px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border-light);border-radius:50%;touch-action:none;box-shadow:0 10px 30px #00000080;display:none}#stick{position:absolute;left:35px;top:35px;width:50px;z-index:221232221;height:50px;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:50%;touch-action:none;box-shadow:0 4px 10px #0000004d}.bottom-pane{position:fixed;bottom:-215px;opacity:0;visibility:hidden;width:50%;min-width:400px;height:275px;z-index:2000;left:0;right:0;margin:0 auto;display:flex;align-items:flex-end;transition:bottom .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;box-shadow:none}.bottom-pane__wrapper{width:100%;height:100%;overflow:hidden;position:relative}.stack-panel{position:absolute;left:-40px;width:40px;display:flex;flex-direction:column-reverse;justify-content:flex-start}.stack-panel .tab-btn{flex:0;font-size:10px}.bottom-pane.active{opacity:1;visibility:visible}.bottom-pane:hover{bottom:0}.bottom-pane.drag{bottom:-220px}.bottom-pane:not(:has(.tab-btn)){display:none}.bottom-pane .playing-card{min-width:200px;height:300px;transition:.3s ease;cursor:pointer}.bottom-pane .playing-card img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){#joystick{display:block}}button{outline:none}.fan-container{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.fan-viewport{width:100%;height:100%;position:relative;cursor:grab}.fan-viewport:active{cursor:grabbing}.fan-track{position:absolute;left:50%;bottom:-40px;width:0;height:0;transform-style:preserve-3d}.bottom-pane .playing-card.fan-card{position:absolute;min-width:180px;width:180px;height:270px;left:-90px;top:-270px;transform-origin:50% 580px;will-change:transform;--angle: 0deg;--hover-y: 0px;--hover-scale: 1;transform:rotate(var(--angle)) translateY(var(--hover-y)) scale(var(--hover-scale));transition:transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);border-radius:14px;border:1px solid var(--glass-border-light);box-shadow:0 12px 30px #0009;filter:brightness(.75) saturate(.9)}.bottom-pane .playing-card.fan-card img{width:100%;height:100%;object-fit:cover;border-radius:13px;pointer-events:auto}.bottom-pane .playing-card.fan-card.is-hovered{--hover-y: -15px;--hover-scale: 1.02;z-index:9999!important;border-color:var(--accent);filter:brightness(1.15) saturate(1.1) drop-shadow(0 25px 45px rgba(0,0,0,.9))}.hand-count{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--glass-border)}.model-viewer{position:fixed;top:16px;left:16px;z-index:300000;pointer-events:none}.model-viewer[hidden],.model-viewer [hidden]{display:none!important}.model-viewer__window,.model-viewer__icon{pointer-events:auto}.model-viewer__window{width:320px;border-radius:var(--panel-radius);overflow:hidden}.model-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 14px;color:var(--text-main);font-size:.85rem}.model-viewer__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-viewer__close{background:none;border:0;color:var(--text-muted);cursor:pointer;font-size:1rem}.model-viewer__close:hover{color:var(--text-main)}.model-viewer__canvas{width:100%;height:240px}.model-viewer__canvas canvas{display:block;width:100%!important;height:100%!important}.model-viewer__status{padding:6px 14px 10px;color:var(--text-muted);font-size:.75rem}.model-viewer__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:1.4rem;cursor:pointer;border:1px solid var(--glass-border);transition:var(--transition)}.model-viewer__icon:hover{background:var(--glass-bg-hover)}.camera-views{position:fixed;top:12px;right:12px;z-index:50;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-view-btn{display:flex;align-items:center;padding:6px 12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:var(--transition)}.camera-view-btn:hover{background:var(--glass-bg-hover);color:var(--text-main)}.camera-view-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.camera-view-key{margin-right:6px;font-size:.75rem;opacity:.6}.minimap{width:100%}.minimap-canvas{display:block;width:100%;aspect-ratio:4 / 3;background:#00000040;border:1px solid var(--glass-border);border-radius:10px;cursor:crosshair;touch-action:none}.ping-edges{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.ping-edge{position:absolute;left:0;top:0;width:0;height:0}.ping-edge:before,.ping-edge:after{content:"";position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:3px solid var(--ping-color);animation:ping-pulse .9s ease-out infinite}.ping-edge:after{animation-delay:.45s}.ping-edge-arrow{position:absolute;left:-10px;top:-10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ping-color);color:#0f172a;font-size:12px}@keyframes ping-pulse{0%{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}