:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f8eff1;background:#110c17}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 55% at 10% 0%,#3b1838 0,transparent 75%),radial-gradient(ellipse 50% 45% at 95% 5%,#291c44 0,transparent 80%),#110c17}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #ff9aa6;outline-offset:2px}[hidden]{display:none!important}.shell{max-width:1300px;margin:auto;padding:0 36px;min-height:100vh;display:flex;flex-direction:column}header{height:86px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;letter-spacing:.14em;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.28em;color:#af9dad;margin-top:5px}.brand-icon{height:40px;width:40px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#e65376,#8c3dea);font-size:25px;box-shadow:0 5px 25px #ed4f9f44}#userbar{display:flex;gap:18px;align-items:center;color:#e6d6e1;font-size:14px}main{flex:1}.auth-layout{min-height:690px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:.23em;color:#fb84a5;font-weight:800}.intro h1,.page-head h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.05em;margin:22px 0}.intro h1 em{font-style:normal;background:linear-gradient(100deg,#ff8888,#c380f9);background-clip:text;color:transparent}.intro p{color:#b8a9bb;font-size:17px;max-width:440px;line-height:1.65}.intro-art{height:210px;position:relative;overflow:hidden;margin-top:20px}.art-circle{position:absolute;left:70px;top:45px;width:310px;height:160px;background:radial-gradient(ellipse,#b3488955,transparent 68%)}.intro-art img{height:170px;position:relative;left:200px;top:20px;transform:rotate(-35deg);filter:drop-shadow(0 15px 18px #0009)}.panel{background:#211829;border:1px solid #ffffff18;border-radius:22px;box-shadow:0 18px 60px #0003}.auth-card{padding:36px}.tabs{display:flex;border-bottom:1px solid #ffffff20;margin-bottom:30px}.tab{padding:0 24px 16px 0;background:none;color:#b8a9bb;border:0;font-weight:700}.tab.active{color:#fff;border-bottom:2px solid #f178ad}.auth-card h2{margin:0 0 8px;font-size:25px}.muted{color:#aa9bab}.auth-card>.muted{margin:0 0 28px}label{display:block;color:#e7dbe5;font-size:13px;font-weight:650;margin-bottom:20px}input{display:block;width:100%;margin-top:9px;background:#130e1a;border:1px solid #ffffff26;color:#fff;padding:14px 16px;border-radius:11px;outline:0}input::placeholder{color:#746a7b}input:focus{border-color:#ec75a5}.primary{border:0;border-radius:11px;color:#fff;font-weight:800;padding:14px 20px;background:linear-gradient(105deg,#ed586d,#a54fc5);box-shadow:0 8px 25px #ad3e8d44}.primary:hover:not(:disabled){filter:brightness(1.12)}.primary span{margin-left:12px}.full{width:100%;display:flex;justify-content:space-between}.secondary{border:1px solid #ffffff30;background:#ffffff0c;color:#eee0ed;border-radius:11px;padding:12px 16px}.secondary:hover,.text-btn:hover{background:#ffffff16}.text-btn{border:0;background:transparent;color:#f3b3cd;padding:8px 10px;border-radius:8px}.form-error{min-height:20px;color:#ff9da4;font-size:13px;margin-top:12px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:60px 0 32px;gap:20px}.page-head h1{font-size:42px;margin:10px 0}.page-head p{margin:0}.create-box{padding:22px;margin-bottom:28px}.create-box form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.create-box label{margin:0;flex:1;min-width:220px}.lobby-toolbar{display:flex;justify-content:space-between;align-items:center}.lobby-toolbar h2{font-size:19px}.room-list{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:12px 0 80px}.room-card{padding:24px;border:1px solid #ffffff1c;background:#211829;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.room-card strong{display:block;font-size:17px;overflow-wrap:anywhere}.room-card span{display:block;color:#a99caf;font-size:13px;margin-top:6px}.room-card button{white-space:nowrap}.empty{grid-column:1/-1;border:1px dashed #ffffff30;border-radius:18px;padding:65px;text-align:center;color:#ac9eae}.game-head{display:flex;align-items:center;gap:25px;margin:30px 0}.game-head h2{margin:4px 0 0;font-size:23px}.live{margin-left:auto;color:#b8acba;font-size:13px}.live i,.chat-dot{display:inline-block;width:8px;height:8px;background:#61dbac;border-radius:50%;box-shadow:0 0 10px #61dbac;margin-right:7px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-bottom:60px}.table-panel{border:1px solid #ffffff19;background:radial-gradient(circle at center,#51354b 0,#281b30 42%,#191321 80%);border-radius:22px;min-width:0;padding:8px 15px 22px;display:flex;flex-direction:column}.table-wrap{width:100%;max-width:630px;margin:auto;aspect-ratio:1;display:grid;place-items:center}.table-surface{position:relative;width:83%;aspect-ratio:1;border-radius:50%;background:#623959 url('assets/table.webp') center/cover;box-shadow:0 0 0 12px #8e5673,0 0 0 22px #41253a,0 20px 60px #000a}.seat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;text-align:center;pointer-events:none}.avatar{height:46px;width:46px;border:3px solid #b875ab;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a65885,#6345a3);font-weight:800;box-shadow:0 5px 12px #0008}.seat.mine .avatar{border-color:#ffb47d}.seat.selected .avatar{border-color:#ffe18d;box-shadow:0 0 25px #ffd68b}.seat span{background:#211728e8;border-radius:7px;padding:3px 7px;color:#fff;font-size:11px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-game{position:absolute;inset:25%;display:grid;place-items:center}.center-game img{height:60%;max-height:160px;object-fit:contain;transform:rotate(0deg);filter:drop-shadow(4px 10px 8px #180c1baa);z-index:1;transition:transform 5s cubic-bezier(.14,.72,.17,1)}.bottle-base{position:absolute;width:90%;height:90%;border-radius:50%;background:#2f1c3166;border:1px solid #ffffff20}.game-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 15px}.game-actions p{color:#c3b1be;font-size:14px}.spin-btn{white-space:nowrap}.chat-panel{height:660px;display:flex;flex-direction:column;overflow:hidden}.chat-heading{padding:20px;border-bottom:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center}.chat-heading h3{margin:0 0 5px}.chat-heading .muted{font-size:12px}.chat-log{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:13px}.msg{background:#ffffff0d;padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}.msg strong{color:#f2a9cd;font-size:12px}.msg time{float:right;color:#81738a;font-size:11px}.msg p{margin:5px 0 0;color:#e8dce9;font-size:13px}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid #ffffff16}.chat-form input{margin:0;min-width:0}.chat-form button{padding:10px 16px;font-size:20px}footer{padding:24px 0;border-top:1px solid #ffffff16;color:#786b80;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#463040;color:white;padding:12px 19px;border-radius:10px;box-shadow:0 10px 30px #0007;display:none;max-width:90vw;text-align:center}@media(max-width:1000px){.room-list{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:1fr}.chat-panel{height:350px}.auth-layout{gap:30px;grid-template-columns:1fr 380px}}@media(max-width:700px){.shell{padding:0 16px}header{height:68px}.auth-layout{display:flex;flex-direction:column;gap:8px;padding:42px 0}.intro h1{font-size:46px}.intro-art{display:none}.auth-card{width:100%;padding:24px}.page-head{margin:40px 0 20px;align-items:start}.page-head h1{font-size:30px}.page-head .primary{font-size:12px}.room-list{grid-template-columns:1fr}.game-head{gap:10px;flex-wrap:wrap}.game-head h2{font-size:18px}.live{font-size:11px}.table-panel{padding:4px 4px 18px}.table-surface{width:77%;box-shadow:0 0 0 7px #8e5673,0 0 0 13px #41253a,0 15px 40px #0008}.seat{width:62px}.avatar{height:34px;width:34px;font-size:12px}.seat span{max-width:65px;font-size:9px}.game-actions{flex-direction:column;align-items:stretch;text-align:center}.game-actions p{margin:12px 0 0}.create-box form{align-items:stretch}.create-box button{flex:1}}