@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#eaf2ff;font-synthesis:none;--bg:#061629;--panel:#0b2038;--panel-2:#102b48;--line:#a8c7ec24;--muted:#88a5c5;--yellow:#ffd14d;--coral:#ff706b;--mint:#6ee7c8;background:#061629;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -20%,#18375a 0,#061629 48%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041121bf;align-items:center;gap:34px;height:76px;padding:0 32px;display:flex}.brand-mark{letter-spacing:.04em;font-size:25px;font-weight:700}.brand-dot{background:var(--yellow);border-radius:50%;width:11px;height:11px;margin-right:10px;display:inline-block;box-shadow:0 0 18px #ffd14d}.room-meta{color:var(--muted);margin-right:auto;font-size:13px}.room-meta strong{color:#dce9f8;font-weight:500}.live-dot{background:#68e7bd;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #68e7bd}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#a7c2de;background:#122b47;border-radius:11px;width:37px;height:37px;font-size:18px}.leave-button{color:#ff958e;background:#ff706b21;border:1px solid #ff706b54;border-radius:10px;padding:10px 16px;font-size:13px}.game-layout{flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:22px;width:min(1400px,100% - 52px);margin:29px auto;display:grid}.game-board{background:linear-gradient(145deg,#143555f5,#051528fc);border:1px solid #8bb7e02e;border-radius:24px;padding:28px;position:relative;box-shadow:0 25px 80px #00000047,inset 0 1px #ffffff0d}.round-header{z-index:5;align-items:flex-end;gap:22px;display:flex;position:relative}.coin-wallet{color:#fbe58b;background:#ffd14d14;border:1px solid #ffd14d40;border-radius:10px;align-items:center;gap:5px;margin-left:auto;padding:6px 9px;display:flex}.coin-wallet strong{font-size:13px}.coin-wallet small{color:#8fa7bf;margin-left:2px;font-size:9px}.avatar-art{filter:drop-shadow(0 5px 7px #00000038);flex:none;display:block}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.round-header h1{letter-spacing:-.04em;margin:5px 0 0;font-size:25px}.progress-dots{gap:8px;margin-bottom:8px;display:flex}.progress-dots span{background:#294663;border-radius:50%;width:9px;height:9px}.progress-dots .active{background:var(--yellow);box-shadow:0 0 12px #ffd14d59}.host-badge{color:#102139;background:var(--yellow);border-radius:999px;margin-left:0;padding:8px 12px;font-size:12px;font-weight:700}.player-rail{background:#0516297a;border:1px solid #93bee421;border-radius:17px;width:190px;padding:14px 12px;position:absolute;top:102px;left:28px;box-shadow:inset 0 1px #ffffff09}.rail-title{color:#d7e6f6;justify-content:space-between;align-items:baseline;margin:0 3px 11px;font-size:12px;font-weight:700;display:flex}.rail-title small{color:#718fab;font-size:9px;font-weight:400}.rail-player{border-top:1px solid #97bcdc14;align-items:center;gap:8px;min-width:0;padding:9px 4px;display:flex}.rail-avatar{border:2px solid #ffffff3b;border-radius:11px;flex:none;width:34px;height:34px;font-size:19px;display:block}.rail-player-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rail-player-name strong{color:#ccdeef;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.rail-player-name small{color:#708aa4;font-size:9px}.rail-player i{color:#172436;background:var(--yellow);border-radius:4px;padding:3px 4px;font-size:8px;font-style:normal}.rail-player>b{color:#b6cee5;font-size:10px}.table-stage{background:radial-gradient(at 50% 11%,#ffd0751c,#0000 18%),radial-gradient(circle at 50% 45%,#2d659159,#0000 37%),linear-gradient(160deg,#112f4c,#071d34 73%,#0b253e);border:1px solid #9dcaf429;border-radius:20px;height:455px;margin:22px 0 18px 212px;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #00000040}.table-stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffe7b00e 38%,#0000 43%),linear-gradient(65deg,#0000 55%,#ffe7b00d 60%,#0000 65%);position:absolute;inset:0}.table-stage:after{content:"";pointer-events:none;background:linear-gradient(#c0734040,#6537277a);border-top:1px solid #f0ae6759;border-radius:14px 14px 0 0;height:17%;position:absolute;bottom:0;left:4%;right:4%;box-shadow:0 -7px 20px #00000029}.stage-glow{filter:blur(42px);background:#3597b221;border-radius:50%;width:340px;height:180px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.player-ring{position:absolute;inset:10px}.player-seat{z-index:2;color:#bdd0e5;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute}.player-seat span{text-overflow:ellipsis;white-space:nowrap;max-width:40px;overflow:hidden}.player-seat b{color:#deebfa;background:#102d4a;border:1px solid #2b4a69;border-radius:6px;padding:3px 6px;font-size:11px}.player-seat i{color:#12213a;background:var(--yellow);border-radius:5px;padding:3px 5px;font-size:10px;font-style:normal;font-weight:700}.player-avatar,.mini-avatar{border:3px solid #ffffff42;border-radius:50%;display:block}.player-avatar{width:53px;height:53px;font-size:28px}.coral{background:#ff7972}.pink{background:#f397ad}.yellow{background:#e9b83e}.violet{background:#987fdd}.blue{background:#4aa2dc}.mint{background:#48c8a7}.seat-1{flex-direction:column;top:11%;left:50%;transform:translate(-50%)}.seat-2{top:30%;right:8%}.seat-3{bottom:17%;right:6%}.seat-4{flex-direction:column-reverse;bottom:3%;left:50%;transform:translate(-50%)}.seat-5{flex-direction:row-reverse;bottom:17%;left:7%}.seat-6{flex-direction:row-reverse;top:30%;left:7%}.secret-card{color:#132a44;z-index:3;background:linear-gradient(150deg,#fffaf0,#f4ecdc);border-radius:21px;flex-direction:column;justify-content:center;align-items:center;width:320px;min-height:172px;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 45px #00000047,0 0 0 6px #ffffff09}.lock-icon{width:35px;height:35px;color:var(--yellow);background:#102c48;border-radius:50%;place-items:center;margin-bottom:7px;font-size:21px;font-weight:700;display:grid}.secret-kicker{color:#7790a6;font-size:10px}.secret-card strong{margin:3px 0;font-size:22px}.secret-caption{color:#7790a6;font-size:11px}.timer{text-align:center;z-index:4;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.timer-label{color:#90abc7;margin-bottom:4px;font-size:10px;display:block}.timer strong{letter-spacing:.06em;font-size:27px}.timer-ring{border:3px solid #0000;border-top-color:var(--coral);border-right-color:var(--coral);border-radius:50%;position:absolute;inset:-16px -22px;transform:rotate(28deg)}.clue-row{grid-template-columns:repeat(3,1fr);gap:11px;margin-left:212px;display:grid}.clue-card{border:1px solid var(--line);background:#05162880;border-radius:13px;min-height:83px;padding:14px 15px}.clue-card>div{color:#8da9c5;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.clue-card>div b{color:#6ee7c8;font-size:12px}.clue-card strong{color:#d9e7f6;font-size:13px;font-weight:500}.clue-card small{color:#657f9e;margin-top:5px;font-size:10px;display:block}.clue-card.revealed{background:#6ee7c81f;border-color:#6ee7c873}.clue-card.revealed strong{color:var(--mint)}.guess-zone{gap:10px;margin:18px 0 0 212px;display:flex}.guess-form{background:#071b32;border:1px solid #294561;border-radius:13px;flex:1;padding:5px;display:flex}.guess-form input,.chat-form input{color:#e8f1fb;background:0 0;border:0;outline:0;min-width:0}.guess-form input{flex:1;padding:0 13px}.guess-form input::placeholder,.chat-form input::placeholder{color:#617d9b}.guess-form button{background:var(--coral);color:#fff;border-radius:9px;padding:0 20px;font-size:13px;font-weight:700;box-shadow:0 6px 18px #ff706b2e}.guess-form button span{margin-left:8px;font-size:16px}.quick-reactions{align-items:center;gap:7px;display:flex}.quick-reactions button{color:#cadbed;border:1px solid var(--line);background:#0a223b;border-radius:12px;width:43px;height:43px;font-size:17px}.game-note{color:#7693b1;margin:13px 0 0 212px;font-size:11px}.game-note span{color:var(--yellow);margin-right:5px}.side-panel{flex-direction:column;gap:14px;display:flex}.side-panel .leaderboard{display:none}.panel-card{border:1px solid var(--line);background:#091f36e6;border-radius:17px;padding:18px}.panel-title{color:#dbe8f8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.small-muted{color:#6f8aa7;font-size:10px;font-weight:400}.rank-row{border-bottom:1px solid #9dbedc14;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:flex}.rank-row:last-child{border:0;padding-bottom:0}.rank{text-align:center;color:#7893ae;width:17px;font-size:11px;font-weight:700}.rank-1{color:var(--yellow)}.rank-2{color:#d6e5f2}.rank-3{color:#efad73}.mini-avatar{border:2px solid #ffffff42;width:28px;height:28px;font-size:15px}.rank-name{color:#bcd0e6;flex:1}.rank-name i{color:#13233a;background:var(--yellow);border-radius:4px;margin-left:7px;padding:3px 5px;font-size:9px;font-style:normal}.rank-row>strong{color:#eaf3fd}.chat{min-height:275px}.online-count{color:#84a5c2;font-size:10px;font-weight:400}.chat-list{flex-direction:column;gap:13px;height:192px;padding-right:2px;display:flex;overflow:auto}.chat-item{gap:8px;font-size:11px;display:flex}.chat-avatar,.guess-avatar{background:#1f476b;border:1px solid #fff3;border-radius:50%;flex:none;width:24px;height:24px;font-size:13px;display:block}.chat-item p{color:#bdcee0;margin:0 0 3px}.chat-item p strong{margin-right:8px;font-weight:600}.chat-item time,.guess-row time{color:#5f7b98;font-size:9px}.chat-item>div>span{color:#89a8c3;line-height:1.35}.chat-form{background:#071b32;border:1px solid #26445f;border-radius:9px;margin-top:12px;padding:4px;display:flex}.chat-form input{width:100%;padding:5px 7px;font-size:11px}.chat-form button{color:#8fb3d2;background:0 0;padding:2px 7px;font-size:16px}.clue-feed{flex:1}.guess-row{color:#8ca8c2;border-bottom:1px solid #9dbedc14;align-items:center;gap:7px;padding:9px 0;font-size:10px;display:flex}.guess-row:last-child{border:0}.guess-row strong{color:#dbe8f8}.guess-row time{margin-left:auto}.guess-row b{color:var(--mint);font-size:14px}.guess-row.correct{color:#a5edd8}.empty-state{color:#67829f;text-align:center;padding:20px 0;font-size:11px}.bottom-bar{color:#7691ac;justify-content:space-between;align-items:center;width:min(1400px,100% - 52px);margin:0 auto 26px;font-size:11px;display:flex}.bottom-bar>div{align-items:center;gap:9px;display:flex}.bottom-bar strong{color:#c6d8ea;font-size:12px}.room-lock{font-size:14px}.share-button{color:#b9d5ee;background:#123252;border:1px solid #294b6a;border-radius:9px;padding:10px 15px;font-size:11px}.share-button span{margin-left:6px;font-size:15px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010a14b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-modal,.result-modal{text-align:center;background:linear-gradient(145deg,#113452,#071a30);border:1px solid #2f5373;border-radius:20px;width:min(100%,390px);padding:34px;position:relative;box-shadow:0 25px 80px #00000059}.modal-close{color:#8da8c3;background:0 0;font-size:23px;position:absolute;top:12px;right:15px}.modal-kicker{color:var(--mint);letter-spacing:.12em;font-size:11px}.room-modal h2,.result-modal h2{color:#eff6ff;margin:10px 0;font-size:24px}.room-modal p,.result-modal p{color:#8fa9c2;font-size:12px;line-height:1.6}.room-code{letter-spacing:.18em;color:var(--yellow);justify-content:center;align-items:center;gap:13px;margin:25px 0;font-size:30px;font-weight:700;display:flex}.room-code button{letter-spacing:0;color:#c1d8ee;background:#173b5d;border-radius:7px;padding:7px 9px;font-size:11px}.modal-primary{background:var(--coral);color:#fff;border-radius:10px;width:100%;padding:13px;font-weight:700}.confetti{color:var(--yellow);letter-spacing:.4em;font-size:28px}.result-score{color:var(--yellow);margin:16px;font-size:50px;font-weight:700}.result-score small{color:#91abc4;font-size:16px}@media (width<=1050px){.player-rail{display:none}.table-stage,.clue-row,.guess-zone,.game-note{margin-left:0}.side-panel .leaderboard{display:block}.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr;display:grid}.clue-feed{grid-column:1/-1}.chat-list{height:170px}}@media (width<=680px){.coin-wallet{display:none}.secret-card{width:190px;min-height:111px}.secret-card strong{font-size:18px}.table-stage{height:390px}.topbar{gap:14px;height:62px;padding:0 16px}.room-meta{display:none}.top-actions{margin-left:auto}.icon-button{width:32px;height:32px}.leave-button{padding:8px 10px;font-size:11px}.game-layout{gap:10px;width:calc(100% - 20px);margin:10px auto}.game-board{border-radius:18px;padding:16px}.round-header h1{font-size:20px}.host-badge{padding:6px 8px;font-size:10px}.table-stage{margin-top:17px}.player-seat{gap:4px;font-size:10px}.player-avatar{width:42px;height:42px;font-size:22px}.seat-2{top:25%;right:4%}.seat-3{bottom:18%;right:2%}.seat-5{bottom:18%;left:2%}.seat-6{top:25%;left:4%}.clue-row{gap:6px}.clue-card{min-height:83px;padding:10px 9px}.clue-card strong{font-size:11px}.guess-zone{display:block}.quick-reactions{justify-content:space-between;margin-top:8px}.quick-reactions button{flex:1;height:38px}.guess-form{height:45px}.guess-form button{padding:0 13px;font-size:11px}.side-panel{display:flex}.bottom-bar{width:calc(100% - 20px);margin-bottom:13px}.bottom-bar>div span:not(.room-lock){display:none}.bottom-bar>div{gap:5px}.share-button{padding:9px 12px}.chat{min-height:230px}.chat-list{height:155px}}.asset-gallery{color:#eaf2ff;background:radial-gradient(circle at 80% 0,#17395c 0,#061629 42%);min-height:100vh;padding:50px clamp(18px,5vw,76px) 80px}.asset-gallery-head{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1250px;margin:0 auto 42px;display:flex}.asset-kicker{letter-spacing:.22em;color:#6ee7c8;font-size:10px}.asset-gallery h1{letter-spacing:-.04em;margin:10px 0 7px;font-size:34px}.asset-gallery-head p{color:#89a6c2;margin:0;font-size:13px}.back-to-game{color:#c8dbef;white-space:nowrap;background:#102e4d;border:1px solid #315677;border-radius:10px;padding:11px 15px;font-size:12px;text-decoration:none}.asset-section{max-width:1250px;margin:0 auto 36px}.section-head{align-items:baseline;gap:13px;margin-bottom:15px;display:flex}.section-head h2{margin:0;font-size:18px}.section-head span{color:#6f8ba7;font-size:11px}.avatar-grid{grid-template-columns:repeat(6,minmax(110px,1fr));gap:12px;display:grid}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;display:grid}.asset-tile{background:#0d2843c7;border:1px solid #9dc2e429;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:97px;display:flex;box-shadow:inset 0 1px #ffffff09}.avatar-tile{min-height:150px}.avatar-tile strong{font-size:12px}.asset-tile code{color:#7291ad;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.vector-asset{color:#c5dbef}.avatar-tile .avatar-art{filter:drop-shadow(0 7px 9px #0000004d)}.badge-tile{min-height:92px}.badge-tile .vector-asset{width:110px}.asset-demo-fx{filter:drop-shadow(0 0 9px #ffd14d59)}.success-celebration{text-align:center;place-items:center;min-height:250px;display:grid;position:relative}.success-confetti{margin:auto;position:absolute;inset:0}.asset-burst{position:absolute;top:23px}.success-badge{margin-top:26px;position:relative}.success-celebration h2{color:#ffd14d;margin:8px 0 0}.success-celebration p{color:#8fa9c2;margin:4px 0;font-size:12px}@media (width<=760px){.asset-gallery{padding:30px 15px 60px}.asset-gallery-head{display:block}.asset-gallery h1{font-size:26px}.back-to-game{margin-top:20px;display:inline-block}.avatar-grid,.icon-grid{grid-template-columns:repeat(3,1fr)}.asset-tile{min-height:88px}.avatar-tile{min-height:126px}.avatar-tile .vector-asset{width:64px;height:64px}.section-head{margin-bottom:10px}}.lobby-shell{color:#eaf2ff;background:radial-gradient(circle at 75% 0,#18395e 0,#061629 45%);flex-direction:column;min-height:100vh;display:flex}.lobby-topbar{border-bottom:1px solid var(--line);background:#04112194;align-items:center;gap:46px;height:74px;padding:0 clamp(18px,5vw,70px);display:flex}.lobby-nav{color:#7593b1;gap:28px;font-size:13px;display:flex}.lobby-nav .active{color:#f3f8ff}.lobby-user{color:#c7d9eb;align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.lobby-user button{color:#86a4c2;background:0 0;font-size:11px}.login-link{color:#c9e0f2!important;background:#102e4b!important;border:1px solid #315473!important;border-radius:9px!important;padding:9px 14px!important}.lobby-main{flex:1;width:min(1180px,100% - 36px);margin:0 auto}.lobby-hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:420px;padding:55px 3% 30px;display:grid}.lobby-hero h1{letter-spacing:-.06em;margin:14px 0;font-size:clamp(34px,5vw,58px);line-height:1.12}.lobby-hero h1 em{color:var(--yellow);font-style:normal;display:block}.lobby-hero p{color:#91aac2;max-width:470px;font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.lobby-primary,.empty-room button,.auth-submit{background:var(--coral);color:#fff;border-radius:11px;padding:13px 19px;font-weight:700;box-shadow:0 10px 25px #ff706b33}.lobby-primary span{margin-left:10px}.join-form{height:45px;display:flex}.join-form input{color:#eaf2ff;background:#102a45;border:1px solid #2c4c6a;border-radius:10px 0 0 10px;width:130px;padding:0 12px}.join-form button{color:#cde0f1;background:#173b5c;border:1px solid #345876;border-left:0;border-radius:0 10px 10px 0;padding:0 13px}.hero-art{place-items:center;height:290px;display:grid;position:relative}.hero-art .avatar-art{z-index:2;filter:drop-shadow(0 18px 16px #00000059)}.orbit{border:1px solid #6ee7c845;border-radius:50%;position:absolute;transform:rotate(-18deg)}.orbit-one{width:265px;height:145px}.orbit-two{border-color:#ffd14d3d;width:215px;height:245px;transform:rotate(55deg)}.float-card,.float-bubble{color:#243047;background:#f5d77b;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:700;position:absolute;box-shadow:0 10px 25px #03101d}.float-card{top:23px;right:4%}.float-bubble{background:#b4f0dc;bottom:26px;left:7%}.lobby-grid{grid-template-columns:1.45fr .8fr;gap:18px;padding-bottom:35px;display:grid}.rooms-card,.auth-card{background:#0b2038c7;border:1px solid #8bb7e02b;border-radius:19px;padding:23px;box-shadow:inset 0 1px #ffffff0a}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title h2{margin:5px 0 0;font-size:22px}.room-empty{color:#6886a4;font-size:11px}.empty-room{text-align:center;color:#a9c0d5;padding:33px 10px 22px}.empty-icon{width:42px;height:42px;color:var(--yellow);background:#153657;border-radius:14px;place-items:center;margin:auto auto 12px;font-size:20px;display:grid}.empty-room strong{color:#deebf8;display:block}.empty-room p{color:#7290ab;max-width:300px;margin:8px auto 18px;font-size:12px;line-height:1.6}.empty-room button{padding:10px 15px;font-size:12px}.auth-tabs{background:#081d33;border-radius:9px;gap:5px;padding:4px;display:flex}.auth-tabs button{color:#7894af;background:0 0;border-radius:7px;flex:1;padding:8px;font-size:12px}.auth-tabs .selected{color:#e8f5ff;background:#1b3c5c}.auth-card h2{margin:23px 0 6px;font-size:21px}.auth-card p{color:#7895b1;margin:0 0 17px;font-size:12px}.auth-card form{gap:9px;display:grid}.auth-card input{color:#fff;background:#081e35;border:1px solid #294a68;border-radius:9px;height:42px;padding:0 12px}.auth-submit{border:0;padding:11px;font-size:12px}.auth-note{color:var(--mint);margin-top:11px;font-size:11px;display:block}.auth-note,.auth-notice{text-align:center}.auth-card .auth-note{color:#617d99;margin-top:18px;font-size:10px}.lobby-footer{color:#5e7a96;justify-content:space-between;width:min(1180px,100% - 36px);margin:0 auto;padding:18px 0 24px;font-size:10px;display:flex}@media (width<=720px){.lobby-topbar{gap:15px;height:62px}.lobby-nav{display:none}.lobby-hero{min-height:0;padding:45px 4% 15px;display:block}.lobby-hero h1{font-size:38px}.hero-art{height:225px}.lobby-grid{grid-template-columns:1fr}.lobby-footer{line-height:2;display:block}.lobby-footer span+span{display:block}.float-card{right:0}.float-bubble{left:0}}.room-wait{text-align:center;color:#eaf2ff;background:radial-gradient(circle at 50% 0,#193d62,#061629 58%);align-content:center;place-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.room-wait>a{color:#9ab5ce;font-size:13px;text-decoration:none;position:absolute;top:28px;left:28px}.room-wait h1{margin:2px 0;font-size:38px}.room-wait p{color:#8faac3;font-size:13px}.wait-code{letter-spacing:.2em;color:var(--yellow);background:#102e4c;border:1px solid #315877;border-radius:15px;margin:8px;padding:16px 28px;font-size:42px;font-weight:700}.wait-players{flex-wrap:wrap;justify-content:center;gap:15px;margin:15px 0;display:flex}.wait-players>div{justify-items:center;gap:4px;font-size:12px;display:grid}.wait-players small{color:#6ee7c8;font-size:10px}.wait-status{color:#6ee7c8;font-size:11px}.asset-pop{animation:.38s cubic-bezier(.2,.9,.25,1.25) both asset-pop}.asset-bounce{animation:1.6s ease-in-out infinite asset-bounce}.asset-shimmer{animation:1.8s ease-in-out infinite asset-shimmer}.asset-confetti{animation:.8s ease-out both asset-confetti}.asset-ring{animation:1.2s ease-out both asset-ring}@keyframes asset-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes asset-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes asset-shimmer{0%,to{filter:drop-shadow(0 0 #ffd14d00)}50%{filter:drop-shadow(0 0 9px #ffd14dcc)}}@keyframes asset-confetti{0%{opacity:0;transform:translateY(8px)scale(.65)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes asset-ring{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.asset-pop,.asset-bounce,.asset-shimmer,.asset-confetti,.asset-ring{animation:none}}.rule-card[aria-pressed=true]{animation:.42s cubic-bezier(.2,.85,.25,1.2) rule-select}.reaction-send--play{animation:.48s cubic-bezier(.2,.9,.3,1.25) reaction-send}@keyframes rule-select{0%{transform:scale(.96)rotate(-1deg)}65%{transform:scale(1.025)rotate(.35deg)}to{transform:scale(1)rotate(0)}}@keyframes reaction-send{0%{transform:scale(.86)rotate(-8deg)}60%{transform:scale(1.16)rotate(7deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.rule-card[aria-pressed=true],.reaction-send--play{animation:none}}.raster-asset{vertical-align:middle;background-repeat:no-repeat;border-radius:16px;flex:none;display:inline-block;overflow:hidden}.raster-asset.avatar-3d,.studio-avatar{filter:none;border-radius:50%}.player-seat .raster-asset{max-width:none}.studio3d{color:#f8eddc;max-width:1320px;margin:auto;padding:28px 44px 70px;font-family:inherit}.studio3d button,.studio3d input{font:inherit}.studio3d button,.studio3d a{touch-action:manipulation}.studio-top,.studio-top nav{justify-content:space-between;align-items:center;gap:25px;display:flex}.studio-top a{color:#b9d7dc;font-size:14px;text-decoration:none}.studio-hero{justify-content:space-between;align-items:center;gap:40px;padding:62px 30px 24px 0;display:flex}.studio-kicker{letter-spacing:2px;color:#9dd6cb;font-size:11px}.studio-hero h1{margin:18px 0;font-size:clamp(36px,5vw,58px);line-height:1.22}.studio3d p{color:#abc2d2;font-size:14px;line-height:1.8}.studio-stats{gap:32px;margin-top:26px;display:flex}.studio-stats span{color:#a7bfcf;font-size:12px}.studio-stats b{color:#ffe5b9;margin-bottom:5px;font-size:25px;display:block}.studio-feature{justify-items:center;gap:14px;display:grid}.studio-feature button,.studio-motion-options>button,.studio-filters button,.studio-code button{color:#cfdee7;cursor:pointer;background:#18364f;border:1px solid #35556f;border-radius:30px;padding:10px 17px}.studio3d button[aria-pressed=true]{background-color:#234c59;border-color:#91d4c3}.studio3d button:focus-visible,.studio3d a:focus-visible{outline-offset:4px;outline:3px solid #ffd99c}.studio-character-row{grid-template-columns:repeat(12,1fr);gap:8px;margin:18px 0 38px;display:grid}.studio-character-row button{color:#c3d5df;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;justify-items:center;gap:9px;padding:12px 2px;display:grid}.studio-character-row span{font-size:12px}.studio-demo{background:#132d45;border:1px solid #2d4b63;border-radius:24px;align-items:center;gap:24px;padding:26px;display:flex}.studio-demo h2{margin:8px 0;font-size:25px}.studio-motion-options{flex-wrap:wrap;gap:8px;display:flex}.studio-code{gap:12px;max-width:250px;margin-left:auto;display:grid}.studio-code code{overflow-wrap:anywhere;color:#b3d8cf;background:#0b2239;border-radius:12px;padding:14px;font-size:12px}.studio-library{margin-top:44px}.studio-library-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-library h2{font-size:24px}.studio-library small{color:#97b2c5;margin-left:8px;font-size:12px;font-weight:400}.studio-library input{color:#f8ead7;background:#102b43;border:1px solid #35536a;border-radius:13px;width:240px;padding:12px 16px}.studio-filters{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.studio-filters button{padding:9px 14px;font-size:12px}.studio-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.studio-tile{color:#f5e8d7;cursor:pointer;background:#102b48;border:1px solid #29465f;border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 5px 17px;transition:transform .18s,border-color .18s;display:flex}.studio-tile:hover{border-color:#739caa;transform:translateY(-4px)}.studio-tile .raster-asset{aspect-ratio:1;max-width:100%;height:auto!important}.studio-tile strong{font-size:13px}.studio-tile code{color:#8daabc;overflow-wrap:anywhere;font-size:9px}.studio-download{background:#132e46;border-radius:20px;margin-top:42px;padding:24px}.studio-download h2{margin-top:0;font-size:22px}.studio-download>div{flex-wrap:wrap;gap:12px;display:flex}.studio-download a{color:#bce6d8;border:1px solid #345b69;border-radius:12px;padding:10px 14px;font-size:13px;text-decoration:none}.raster-motion-pop{animation:.65s cubic-bezier(.2,.8,.2,1) both raster-pop}.raster-motion-float{animation:2.4s ease-in-out infinite raster-float}.raster-motion-wiggle{animation:.8s ease-in-out both raster-wiggle}@keyframes raster-pop{0%{opacity:0;transform:scale(.4)}65%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes raster-float{50%{transform:translateY(-10px)}}@keyframes raster-wiggle{20%,60%{transform:rotate(-9deg)}40%,80%{transform:rotate(9deg)}}@media (width<=1050px){.studio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-character-row{grid-template-columns:repeat(6,1fr)}.studio-demo{flex-wrap:wrap}.studio-code{flex:1;max-width:none}.studio3d{padding:24px}}@media (width<=600px){.studio3d{padding:18px 16px 40px}.studio-top nav{gap:12px}.studio-top a{font-size:12px}.studio-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:36px 0 12px}.studio-feature{align-self:center}.studio-hero p br{display:none}.studio-character-row{grid-template-columns:repeat(4,1fr)}.studio-demo{padding:20px}.studio-demo>.raster-asset{margin:auto}.studio-code{flex-basis:100%}.studio-library-head{flex-direction:column;align-items:flex-start;gap:0}.studio-library input{box-sizing:border-box;width:100%}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-filters{gap:6px}.studio-stats{gap:36px}.studio-download{padding:20px}}@media (prefers-reduced-motion:reduce){.raster-asset{animation:none!important}.studio-tile{transition:none}}.core-game{color:#f6ead7;background:radial-gradient(circle at 75% 0,#183b5b 0,#081a2c 46%);min-height:100vh;padding:22px clamp(16px,4vw,58px) 70px}.core-nav{color:#a9c3d3;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;font-size:12px;display:flex}.core-nav a{color:#fff0d8;font-size:22px;font-weight:800;text-decoration:none}.core-nav a:before{content:"•";color:#f5d071;margin-right:6px}.core-nav button{color:#a9c3d3;cursor:pointer;background:0 0;border:1px solid #35566e;border-radius:10px;padding:9px 13px}.core-lobby{max-width:960px;margin:70px auto 0}.core-kicker{letter-spacing:2px;color:#a6dcca;font-size:10px}.core-lobby h1{margin:16px 0;font-size:clamp(38px,6vw,68px);line-height:1.16}.core-lobby h1 em{color:#f5d071;font-style:normal}.core-lobby>p{color:#aec2cf;font-size:14px;line-height:1.8}.core-room-card{background:#16334d;border:1px solid #355a72;border-radius:24px;margin-top:34px;padding:25px;box-shadow:0 22px 45px #0003}.core-room-head{border-bottom:1px solid #355169;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.core-room-head small{color:#8eabba;font-size:11px;display:block}.core-room-head strong{letter-spacing:3px;color:#f5d071;font-size:28px;display:block}.core-room-head>span{color:#a7d9c9;font-size:12px}.core-people{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.core-people button{color:#f0e6d7;cursor:pointer;background:#102b48;border:1px solid #34556d;border-radius:17px;justify-items:center;gap:7px;padding:16px 5px;display:grid}.core-people button.is-ready{background:#1c4555;border-color:#86d2c3}.core-people strong{font-size:13px}.core-people small{color:#9eb3c1;font-size:10px}.core-primary{color:#1c3042;cursor:pointer;background:#f39481;border:0;border-radius:13px;padding:13px 20px;font-weight:800;box-shadow:0 4px #a95757}.core-primary:disabled{opacity:.45;cursor:not-allowed}.core-progress{color:#a4bdcc;justify-content:space-between;align-items:center;max-width:1180px;margin:38px auto 20px;font-size:12px;display:flex}.core-progress div{gap:7px;display:flex}.core-progress i{background:#34546c;border-radius:5px;width:35px;height:5px}.core-progress i.on{background:#f5d071}.core-workspace{grid-template-columns:330px 1fr;align-items:stretch;gap:24px;max-width:1180px;margin:auto;display:grid}.core-rule-peek,.core-author,.core-play,.core-side{background:#16344e;border:1px solid #355a72;border-radius:22px;padding:24px}.core-rule-peek{text-align:center}.core-rule-peek .raster-asset{aspect-ratio:1;border-radius:0;max-width:100%;height:auto!important}.core-rule-peek h2{margin:5px 0;font-size:25px}.core-rule-peek p,.core-author>p{color:#abc0ce;font-size:12px;line-height:1.7}.core-tag{color:#102b48;background:#a6dcca;border-radius:20px;padding:6px 10px;font-size:10px;display:inline-block}.core-rule-tip{text-align:left;color:#f1dba8;border-top:1px solid #36546a;margin-top:18px;padding-top:14px;font-size:11px;line-height:1.7}.core-author h1{margin:12px 0;font-size:32px}.core-author label{color:#b7ccd7;margin:17px 0;font-size:12px;display:block}.core-author input,.core-author textarea,.core-guess input{box-sizing:border-box;color:#f6ead7;width:100%;font:inherit;background:#0c243b;border:1px solid #3c6177;border-radius:11px;margin-top:8px;padding:13px;display:block}.core-author textarea{resize:vertical;min-height:90px}.core-author-note{color:#9db5c3;align-items:center;gap:9px;margin:15px 0;font-size:11px;display:flex}.core-wait{color:#afc5d0;justify-items:center;gap:10px;padding:45px 0;font-size:12px;display:grid}.core-wait strong{color:#f5ead7;font-size:16px}.core-play{flex-direction:column;align-items:center;display:flex}.core-round-card{text-align:center;color:#17304a;box-sizing:border-box;background:linear-gradient(145deg,#fff9ed,#f0e6d7);border-radius:21px;width:min(500px,100%);padding:18px}.core-card-meta{color:#71889d;justify-content:space-between;font-size:10px;display:flex}.core-card-meta b{color:#dd786d}.core-round-card h1{margin:3px 0;font-size:25px}.core-round-card p{margin:7px 0 17px;font-size:13px}.core-hint-row{color:#6d8599;border-top:1px solid #dfd1bf;justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.core-guess{gap:8px;width:min(500px,100%);margin-top:17px;display:flex}.core-guess input{margin:0}.core-guess button{color:#203246;white-space:nowrap;cursor:pointer;background:#f39481;border:0;border-radius:11px;padding:0 16px;font-weight:700}.core-reaction-row{gap:8px;margin-top:13px;display:flex}.core-reaction-row button{cursor:pointer;background:#102b48;border:1px solid #46667c;border-radius:13px;width:54px;height:44px}.core-notice{color:#a6dcca;min-height:20px;font-size:11px}.core-side h3{margin:0 0 16px;font-size:15px}.core-side>div{color:#c0d0d8;border-bottom:1px solid #2b4a62;align-items:center;gap:8px;padding:10px 0;font-size:11px;display:flex}.core-side>div.correct{color:#a6dcca}.core-side>div b{margin-left:auto}.core-side>p{color:#8ea8b9;font-size:12px}.core-link{color:#f5d071;cursor:pointer;background:0 0;border:0;margin-top:20px;font-size:11px}.core-result{text-align:center;background:#16344e;border:1px solid #365d74;border-radius:25px;max-width:620px;margin:65px auto;padding:34px 25px}.core-result>.raster-asset{aspect-ratio:1;border-radius:0;max-width:100%;height:auto!important}.core-result h1{margin:10px 0;font-size:29px}.core-result p{color:#abc0ce;font-size:13px}.core-result-actions{margin-top:24px}.core-ranking{text-align:left;margin:25px 0}.core-ranking>div{border-bottom:1px solid #2c4c64;align-items:center;gap:12px;padding:12px 5px;display:flex}.core-ranking strong{color:#f5d071;width:20px}.core-ranking span{flex:1}.core-ranking b{color:#f5d071;font-size:12px}@media (width<=760px){.core-game{padding:18px 14px 45px}.core-nav span{display:none}.core-lobby{margin-top:43px}.core-lobby h1{font-size:40px}.core-room-card{padding:16px}.core-people{gap:6px}.core-people button{padding:11px 3px}.core-people .raster-asset{width:52px!important;height:52px!important}.core-progress{margin-top:27px}.core-progress i{width:24px}.core-workspace{flex-direction:column;gap:14px;display:flex}.core-rule-peek{text-align:left;grid-template-columns:92px 1fr;align-items:center;column-gap:14px;padding:16px;display:grid}.core-rule-peek .raster-asset{grid-row:span 3;width:92px!important;height:92px!important}.core-rule-peek .core-tag{width:max-content}.core-rule-peek h2{font-size:21px}.core-rule-tip{grid-column:1/-1}.core-author,.core-play,.core-side{padding:18px}.core-author h1{font-size:27px}.core-guess button{padding:0 12px;font-size:12px}.core-side{order:3}.core-result{margin:35px auto;padding:25px 18px}}.core-demo-bar{color:#91acbe;border:1px dashed #42617a;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:18px auto 0;padding:10px 14px;font-size:11px;display:flex}.core-demo-bar>div{gap:6px;display:flex}.core-demo-bar button{color:#c2d6dd;cursor:pointer;background:#112c45;border:1px solid #406079;border-radius:8px;padding:7px 12px}.core-demo-bar button[aria-pressed=true]{color:#c4eedf;background:#315961;border-color:#a6dcca}.core-assets-link{margin-right:15px;font-size:12px!important;font-weight:400!important}.core-assets-link:before{content:none!important}.core-room-start{align-items:center;gap:20px;display:flex}.core-room-start>span{color:#9fb7c5;font-size:11px}.core-random{color:#bbe5d2;cursor:pointer;background:#1e454e;border:1px solid #759b95;border-radius:12px;align-items:center;gap:7px;padding:5px 12px;display:flex}.core-workspace--play{grid-template-columns:minmax(0,1fr) 300px}.core-table-players{justify-content:space-around;gap:12px;width:100%;margin-bottom:20px;display:flex}.core-table-players button{color:#dde5df;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;justify-items:center;gap:4px;padding:7px 14px;display:grid}.core-table-players button[aria-pressed=true]{background:#24434f;border-color:#9dd4c4}.core-table-players span{font-size:11px}.core-table-players small{color:#a2bdc9;font-size:10px}.core-public-clue{border-top:1px solid #dfd1bf;padding:7px 12px}.core-public-clue small{color:#897d67;font-size:10px}.core-public-clue p{margin:4px 0 6px}.core-author-secret{color:#bce6d5;font-size:12px}.core-play{position:relative}.core-floating-reaction{pointer-events:none;justify-items:center;animation:1.5s ease-out both core-reaction;display:grid;position:absolute;bottom:70px;right:24px}.core-floating-reaction span{color:#bddbd7;font-size:10px}.core-chat-panel{margin-top:24px;display:block!important}.core-chat-list{max-height:180px;overflow:auto}.core-chat-list p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.core-chat-list strong{color:#a6dcca}.core-chat-panel form{gap:6px;margin-top:15px;display:flex}.core-chat-panel input{color:#e9e7db;background:#0b2338;border:1px solid #3b5a70;border-radius:8px;width:100%;min-width:0;padding:9px}.core-chat-panel button{color:#142c43;background:#f39481;border:0;border-radius:8px;width:40px}.core-error{color:#ffd0b5;background:#583a3e;border:1px solid #9f6061;border-radius:12px;max-width:1180px;margin:18px auto;padding:14px;font-size:13px}.core-ranking small{color:#a6dcca;margin-top:4px;display:block}.core-urgent{color:#b74242!important}.core-game button:focus-visible,.core-game a:focus-visible,.core-game input:focus-visible,.core-game textarea:focus-visible{outline-offset:3px;outline:3px solid #f5d071}.core-guess button:disabled{opacity:.55;cursor:default}.core-game .raster-asset{flex-shrink:0}.core-field-help{color:#8faab9;margin-top:6px;font-size:10px;line-height:1.5;display:block}@keyframes core-reaction{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(.9)}}@media (width<=760px){.core-demo-bar{flex-direction:column;align-items:flex-start}.core-table-players{gap:3px}.core-table-players button{padding:5px}.core-table-players .raster-asset{width:42px!important;height:42px!important}.core-room-start{flex-direction:column;align-items:flex-start;gap:13px}.core-workspace--play{display:flex}.core-demo-bar button{min-height:44px}.core-game input,.core-game textarea{font-size:16px}.core-guess button,.core-reaction-row button{min-height:44px}.core-workspace--play .core-side{box-sizing:border-box;width:100%}}@media (prefers-reduced-motion:reduce){.core-floating-reaction{animation:none}}.core-ranking .raster-asset{flex:none}.lobby-topbar a{color:inherit;text-decoration:none}.lobby-nav button,.lobby-footer button{color:inherit;background:0 0}.lobby-shell button:disabled{opacity:.5;cursor:default}.auth-card label{color:#adc4d6;gap:7px;font-size:12px;display:grid}.auth-card input{width:100%;min-width:0}.identity-choices{grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0;display:grid}.identity-choices button{color:#aac6da;background:#0d2943;border:1px solid #31516b;border-radius:12px;justify-items:center;gap:4px;padding:8px;font-size:11px;display:grid}.identity-choices button[aria-pressed=true]{background:#244d59;border-color:#a6dcca;box-shadow:inset 0 0 0 1px #a6dcca}.identity-choices .raster-asset{flex:none}.profile-card{text-align:center}.profile-stats{color:#9db9cc;justify-content:center;gap:20px;margin:25px 0;font-size:12px;display:flex}.profile-stats span{align-items:center;gap:5px;display:flex}.profile-stats b{color:#ffd14d;font-size:18px}.profile-card>.auth-submit{width:100%}.lobby-rules{color:#91b1c4;border-top:1px solid #2a455d;justify-content:center;gap:16px;padding-top:20px;font-size:11px;display:flex}.invite-banner{color:#c9f0dd;background:#183d46;border:1px solid #668d83;border-radius:12px;margin-top:25px;padding:15px;font-size:13px}.invite-banner button{color:#ffd14d;background:0 0;margin-left:15px}.my-room{justify-content:space-between;align-items:center;gap:12px;padding:30px 0;display:flex}.my-room p{color:#94adbf;font-size:12px}.connection-status,.room-notice{color:#a6dcca;max-width:1180px;margin:18px auto;font-size:12px}.connection-status{justify-content:space-between;display:flex}.connection-status.is-offline{color:#ffd14d}.room-notice{color:#d8d7ae;border:1px solid #456078;border-radius:12px;padding:14px}.live-game .core-nav>div{gap:8px;display:flex}.live-game .core-lobby{margin-top:35px}.live-members{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:22px 0;display:grid}.live-members>div{background:#102b48;border:1px solid #34556d;border-radius:16px;justify-items:center;gap:8px;padding:18px 8px;display:grid}.live-members>div.is-ready{background:#1c4555;border-color:#86d2c3}.live-members strong{overflow-wrap:anywhere;font-size:13px}.live-members small{color:#9bb9c8;font-size:11px}.live-members .empty-seat{color:#6f8da3;background:0 0;border-style:dashed}.empty-seat>span{place-items:center;height:64px;font-size:40px;display:grid}.waiting-chat{background:#16344e;border:1px solid #355a72;border-radius:20px;margin-top:20px;padding:20px}.waiting-chat .core-chat-panel{margin-top:0}.live-table-players{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.live-table-players>div{border:1px solid #0000;border-radius:12px;justify-items:center;gap:4px;min-width:70px;padding:7px;display:grid}.live-table-players .is-me{background:#24434f;border-color:#9dd4c4}.live-table-players span{font-size:11px}.live-table-players small{color:#a2bdc9;font-size:10px}.live-game button:disabled{cursor:default;opacity:.5}.live-game .core-author form>p{color:#a9c3d3;font-size:12px}.live-game .core-primary{min-height:44px}.live-game .core-error{overflow-wrap:anywhere}.live-game .core-side{min-width:0}.live-game .core-side>div>span,.live-game .core-ranking span{overflow-wrap:anywhere}.live-game .core-room-start{flex-wrap:wrap}.core-chat-panel input,.lobby-shell .auth-card input,.lobby-shell .join-form input{font-size:16px}.room-wait button{min-height:44px}.room-wait p{overflow-wrap:anywhere;max-width:100%}@media (width<=720px){.live-members{grid-template-columns:repeat(2,minmax(0,1fr))}.live-game .core-nav button{padding:9px}.live-game .core-progress{gap:8px;font-size:11px}.live-game .core-progress i{width:12px}.live-game .core-room-head{gap:10px}.live-game .core-room-head strong{font-size:24px}.lobby-hero h1{font-size:clamp(31px,8.5vw,38px)}.lobby-main>.core-error{margin:10px 0}.section-title{gap:10px}.room-empty{text-align:right;max-width:110px}.hero-actions{align-items:stretch}.join-form{max-width:100%}.my-room{flex-wrap:wrap}.live-game .core-result h1{overflow-wrap:anywhere}.lobby-topbar{padding:0 16px}.lobby-user strong{text-overflow:ellipsis;max-width:100px;overflow:hidden}.core-guess,.core-guess input{min-width:0}.invite-banner{line-height:1.8}}.design-button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 24px;font-size:14px;font-weight:700;line-height:1.3;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex}.design-button--primary{color:#fff8f0;background:linear-gradient(#ff9a8c 0,#ff7a72 14%,#f7636d 100%);border-color:#ffb0a659;box-shadow:0 4px #a83d53,0 9px 20px #f2616320,inset 0 1px #ffdad459}.design-button--secondary{color:#d6e5f7;background:linear-gradient(#284b6c,#152e4a);border-color:#6d9bc447;box-shadow:0 4px #091a31,inset 0 1px #a3c6f022}.design-button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.design-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #09203b,inset 0 1px #ffffff21}.design-button:disabled{color:#8190a2;box-shadow:none;cursor:not-allowed;background:#26374c;border-color:#45536a}.design-button:focus-visible{outline-offset:5px;outline:3px solid #95e8d5}.design-button .vector-asset{color:inherit}.design-lab{--lab-line:#91b9df22;--lab-soft:#8ea4be;color:#eff3fc;letter-spacing:0;background:radial-gradient(at 78% 16%,#18425833,#0000 35%);max-width:1280px;margin:auto;padding:0 40px 36px;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.design-lab a{color:#9fc3d7;text-decoration:none}.lab-header{border-bottom:1px solid var(--lab-line);justify-content:space-between;align-items:center;height:90px;display:flex}.lab-brand{align-items:center;font-size:23px;font-weight:750;display:flex;color:#f6f3e9!important}.lab-brand small{letter-spacing:2px;color:var(--lab-soft);margin-left:18px;font-size:10px;font-weight:500}.lab-return{align-items:center;gap:10px;font-size:12px;display:flex}.lab-intro{justify-content:space-between;align-items:center;gap:32px;min-height:285px;padding:36px 36px 38px 0;display:flex}.lab-eyebrow{letter-spacing:2.5px;color:#79d5c0;font-size:10px}.lab-intro h1{letter-spacing:-1.4px;margin:14px 0;font-size:clamp(28px,3.5vw,40px);line-height:1.4}.lab-intro p{color:var(--lab-soft);margin:0;font-size:13px;line-height:1.8}.lab-featured{filter:drop-shadow(0 14px 18px #01081855);padding:6px 26px 25px;position:relative}.lab-featured>span{white-space:nowrap;color:#3c331e;background:linear-gradient(#fff0b0,#efb549);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 3px #927044}.lab-section{border:1px solid var(--lab-line);background:linear-gradient(130deg,#112740bb,#0b1b32dd);border-radius:20px;min-width:0;margin-bottom:20px;padding:26px;box-shadow:inset 0 1px #ffffff05}.lab-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.lab-section-title>div>span{letter-spacing:1.6px;color:#6d89a6;font-size:9px}.lab-section-title h2{letter-spacing:-.4px;margin:7px 0 0;font-size:19px;font-weight:650}.lab-section-title>a{font-size:12px}.lab-tabs{background:#07162b;border-radius:9px;gap:4px;padding:4px;display:flex}.lab-tabs button{color:#8099b4;background:0 0;border-radius:7px;padding:7px 10px;font-size:11px}.lab-tabs button[aria-pressed=true]{color:#e7f1fb;background:#274461}.lab-portraits{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.portrait-choice{color:#dfe7f3;background:#08182b70;border:1px solid #0000;border-radius:15px;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 18px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:relative}.portrait-choice:hover{background:#1f3b5266;transform:translateY(-3px)}.portrait-choice.is-selected{background:#18423f33;border-color:#7ce2ba88;box-shadow:inset 0 0 25px #6df1c00a}.portrait-choice img,.portrait-choice>svg{aspect-ratio:1;width:min(120px,100%);height:auto}.portrait-choice strong{font-size:13px}.portrait-choice>span{color:#788fab;font-size:10px}.portrait-choice>i{color:#163b3d;background:#87e5c9;border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;top:9px;right:9px}.portrait-choice.is-selected>i{display:grid}.portrait-choice i svg{color:inherit}.lab-caption{border-top:1px solid var(--lab-line);color:#8da5bc;align-items:center;gap:18px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.lab-caption>div{align-items:center;gap:10px;display:flex}.lab-caption a{align-items:center;gap:7px;margin-left:auto;display:flex}.lab-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-demo{align-items:center;gap:16px;margin:0 0 18px;display:flex}.profile-demo strong{font-size:16px;font-weight:550}.profile-demo p{color:var(--lab-soft);font-size:12px}.lab-label{color:#90a9c2;margin:16px 0 8px;font-size:11px;display:block}.lab-input{color:#eef3f9;background:#07182e;border:1px solid #54769955;border-radius:10px;width:100%;height:44px;padding:0 14px;font-size:13px}.gender-options{gap:8px;display:flex}.gender-options button{color:#a7bcd4;background:#132b43;border:1px solid #47678755;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:38px;font-size:12px;display:flex}.gender-options button[aria-pressed=true]{color:#b5f4dc;background:#1a423f;border-color:#8de6c970}.gender-options svg{color:inherit}.lab-helper{color:var(--lab-soft);font-size:11px;line-height:1.7}.lab-columns .design-button{width:100%;margin-top:12px}.lab-icon-button{color:#bdd2e5;cursor:pointer;background:linear-gradient(#2a4a68,#132d49);border:1px solid #466a8d5c;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff15,0 3px #07172a}.lab-icon-button:hover{filter:brightness(1.15)}.lab-icon-button:active{transform:translateY(2px)}.celebration-v2{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:12px 0;display:flex;position:relative}.celebration-confetti{pointer-events:none;max-width:100%;animation:1s both celebration-out;position:absolute;top:5px}.celebration-medal{animation:.65s cubic-bezier(.2,.9,.35,1.2) both medal-in;position:relative}.celebration-eyebrow{letter-spacing:2px;color:#ba955f;margin:14px 0 0;font-size:9px}.celebration-v2 h2{color:#f8d786;letter-spacing:.5px;margin:7px 0;font-size:25px}.celebration-v2 p{color:var(--lab-soft,#8ea4be);margin:0;font-size:12px}.reaction-strip{justify-content:center;gap:12px;margin:10px 0;display:flex}.reaction-strip button{background:linear-gradient(#2a4761,#0c1e36);border:1px solid #5a7d9b66;border-radius:14px;place-items:center;width:55px;height:53px;display:grid;box-shadow:0 3px #041223,inset 0 1px #ffffff16}.reaction-strip button:hover img{transform:rotate(-9deg)scale(1.12)}.reaction-strip img{transition:transform .16s}.reaction-strip button:active{transform:translateY(2px)}.lab-columns>.lab-section:nth-child(2)>.lab-helper{text-align:center;margin-top:22px}.control-samples{grid-template-columns:repeat(3,1fr) 65px;align-items:start;gap:22px;display:grid}.control-samples>div{flex-direction:column;gap:15px;display:flex}.control-samples small{color:#7891ab;text-align:center;font-size:10px;line-height:1.5}.menu-demo{align-items:center;position:relative}.lab-dropdown{z-index:5;background:#1a3049;border:1px solid #4e7192;border-radius:13px;min-width:165px;padding:9px;position:absolute;top:50px;right:0;box-shadow:0 14px 35px #0007}.lab-dropdown>span{color:#7d96af;padding:5px 8px 10px;font-size:10px;display:block}.lab-dropdown>button{color:#b9cfe4;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:12px;display:flex}.lab-dropdown>button:hover{background:#2c4b68}.lab-badges{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.lab-badges>div{background:radial-gradient(at 50% 30%,#a47f3320,#0000 65%);flex-direction:column;align-items:center;padding:7px 10px 14px;display:flex}.lab-badges strong{margin-top:16px;font-size:13px;font-weight:550}.lab-badges p{color:#839bb4;margin:7px 0 16px;font-size:11px}.lab-badges a{font-size:10px}.lab-icons{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;display:grid}.lab-icons>a{background:#06152855;border:1px solid #46617b22;border-radius:9px;flex-direction:column;align-items:center;gap:12px;padding:15px 3px 11px;display:flex}.lab-icons>a:hover{background:#23446277;border-color:#6489a9}.lab-icons code{color:#6e8aa6;font-size:9px}.lab-reference{border:1px solid var(--lab-line);border-radius:15px;margin-top:20px;overflow:hidden}.lab-reference summary{color:#c3d4e7;cursor:pointer;padding:20px 24px;font-size:13px}.lab-reference summary span{color:#6d8aa5;margin:8px 0 0;font-size:11px;display:block}.lab-reference>img{width:100%;height:auto;display:block}.lab-footer{color:#5e7a95;justify-content:space-between;padding:30px 0 0;font-size:10px;display:flex}.vector-asset{vertical-align:middle;flex-shrink:0}.avatar-art{filter:drop-shadow(0 4px 5px #0003);background:0 0;border:0}@keyframes medal-in{0%{opacity:0;transform:translateY(18px)scale(.7)rotate(-9deg)}65%{opacity:1;transform:translateY(-4px)scale(1.04)rotate(2deg)}to{opacity:1;transform:none}}@keyframes celebration-out{0%{opacity:0;transform:translateY(25px)scale(.6)}35%{opacity:1}to{opacity:.9;transform:none}}@media (width<=800px){.design-lab{padding:0 20px 28px}.lab-intro{padding-right:0}.lab-featured{padding-left:0;padding-right:0}.lab-featured>img{width:140px;height:140px}.lab-portraits{grid-template-columns:repeat(3,1fr)}.lab-icons{grid-template-columns:repeat(6,minmax(0,1fr))}.control-samples{grid-template-columns:repeat(2,1fr)}.lab-columns{grid-template-columns:1fr}.lab-badges{gap:4px}.lab-caption>span{max-width:110px;line-height:1.6}}@media (width<=480px){.design-lab{padding:0 14px 24px}.lab-header{height:66px}.lab-brand{font-size:20px}.lab-brand small{margin-left:12px;font-size:8px}.lab-intro{gap:6px;min-height:240px;padding:30px 0}.lab-intro h1{letter-spacing:-1px;font-size:25px}.lab-intro p{font-size:10px}.lab-eyebrow{letter-spacing:1px;font-size:8px}.lab-featured>img{width:104px;height:104px}.lab-featured>span{gap:2px;padding:3px 8px;font-size:9px}.lab-featured>span img{width:18px;height:18px}.lab-section{padding:20px 15px}.lab-section-title{gap:8px}.lab-section-title h2{font-size:16px}.lab-section-title>span{max-width:105px}.lab-tabs button{padding:6px;font-size:10px}.lab-portraits{gap:7px}.portrait-choice img,.portrait-choice>svg{max-width:92px}.portrait-choice>span{font-size:9px}.lab-caption{flex-wrap:wrap;gap:8px}.lab-caption a{justify-content:flex-end;width:100%;margin-left:0}.lab-badges{grid-template-columns:1fr 1fr;row-gap:20px}.lab-icons{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-section-title>a{font-size:10px}.control-samples{gap:22px 12px}.control-samples .design-button{padding:0 12px;font-size:11px}.lab-footer{font-size:9px}.lab-caption>div{margin-left:auto}.lab-return{font-size:10px}}@media (prefers-reduced-motion:reduce){.celebration-confetti,.celebration-medal{animation:none}.design-button,.portrait-choice,.reaction-strip img{transition:none}.design-button:not(:disabled):hover,.design-button:not(:disabled):active,.portrait-choice:hover,.reaction-strip button:hover img{transform:none}}.icon-button,.quick-reactions button{place-items:center;display:inline-grid}.guess-form .design-button{white-space:nowrap;background:linear-gradient(#ff9a8c,#f7636d);border:1px solid #ffb0a659;border-radius:10px;min-height:42px;padding:0 18px;box-shadow:0 3px #a83d53}.guess-form .design-button svg{color:inherit}.quick-reactions button{background:linear-gradient(#27435e,#112a43);box-shadow:inset 0 1px #ffffff16,0 3px #06192d}.result-next{width:100%}.result-modal .celebration-v2{min-height:220px}.result-modal .result-score{margin:2px 0 20px}.game-note>.vector-asset{color:#ffd14d;margin-right:4px}.lock-icon .vector-asset{color:#f9d481}.clue-card>div .vector-asset{color:inherit}.avatar-art.player-avatar,.avatar-art.mini-avatar,.avatar-art.rail-avatar,.avatar-art.chat-avatar{border:0}@media (width<=480px){.guess-form .design-button{padding:0 11px;font-size:11px}}.table-stage .timer{background:#081e3480;border-radius:50%;padding:8px;inset:24px 21px auto auto;transform:none}.table-stage .timer strong{letter-spacing:0;font-size:19px}.table-stage .timer-label{font-size:8px}.table-stage .timer-ring{border-width:3px;inset:-7px}.table-stage .seat-1{top:6%}.rule-studio{color:#f6ead7;max-width:1340px;margin:auto;padding:28px 42px 72px}.rule-studio button{font:inherit;cursor:pointer}.rule-nav{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.rule-nav a{color:#b8d8d1;text-decoration:none}.rule-nav>span{color:#8ca6ba;letter-spacing:2px;font-size:10px}.rule-intro{justify-content:space-between;align-items:center;gap:30px;padding:60px 0 44px;display:flex}.rule-eyebrow{color:#a8dacc;letter-spacing:2px;font-size:11px}.rule-intro h1{margin:18px 0;font-size:clamp(38px,4.5vw,60px);line-height:1.18}.rule-intro p,.rule-draw-controls p{color:#a9c0d0;font-size:14px;line-height:1.8}.rule-intro-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.rule-intro-tags span{color:#b6cbd6;border:1px solid #365066;border-radius:30px;padding:8px 12px;font-size:11px}.rule-fan{align-items:center;margin:20px;display:flex}.rule-fan>.raster-asset{border:1px solid #527071;transform:rotate(-13deg);box-shadow:0 20px 28px #0003}.rule-fan>.raster-asset:nth-child(2){z-index:1;margin:0 -22px;position:relative;transform:translateY(-20px)}.rule-fan>.raster-asset:nth-child(3){transform:rotate(13deg)}.rule-draw{background:#142d44;border:1px solid #34526a;border-radius:26px;grid-template-columns:.85fr 270px 1.3fr;align-items:center;gap:32px;padding:30px;display:grid}.rule-draw h2{margin:12px 0;font-size:25px}.rule-draw-button{color:#202d3e;background:#f39481;border:1px solid #ffc1a3;border-radius:14px;margin:16px 0;padding:14px 21px;box-shadow:0 4px #a95757;font-weight:700!important}.rule-draw-button:active{transform:translateY(3px);box-shadow:0 1px #a95757}.rule-draw-button span{margin-left:18px}.rule-deck-progress{gap:6px;margin:18px 0 10px;display:flex}.rule-deck-progress span{background:#36536a;border-radius:8px;width:18px;height:5px}.rule-deck-progress .is-used{background:#a6dcca}.rule-draw-controls small{color:#8fadc0;font-size:11px}.rule-draw-notice{min-height:40px;font-size:11px!important}.rule-card{text-align:left;border:1px solid #547485;border-top:3px solid var(--rule-accent);color:#f2e8d9;isolation:isolate;background:#102b48;border-radius:20px;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 28px #0002}.rule-card-top{color:#92b0c0;justify-content:space-between;align-items:center;padding:17px 18px 0;font-size:9px;display:flex}.rule-card-top>span:first-child{color:var(--rule-accent);font-size:10px}.rule-card-art{place-items:center;padding:10px 12px 2px;display:grid}.rule-card-art .raster-asset{aspect-ratio:1;border-radius:0;max-width:100%;height:auto!important}.rule-card-copy{flex:1;padding:6px 20px 18px}.rule-card h3{color:#fff0db;margin:0 0 10px;font-size:26px}.rule-card-copy p{color:#c0d2de;min-height:44px;margin:0 0 12px;font-size:13px;line-height:1.65}.rule-card-copy>span{color:var(--rule-accent);font-size:10px;line-height:1.6}.rule-card-bottom{color:#91aaba;background:#0b2238;border-top:1px solid #26445c;justify-content:space-between;align-items:center;padding:12px 18px;font-size:9px;display:flex}.rule-card-bottom i{color:var(--rule-accent);font-style:normal}.rule-detail ol{color:#bfd0db;padding-left:18px;font-size:12px;line-height:1.85}.rule-detail li+li{margin-top:8px}.rule-example{background:#0d2439;border:1px solid #2c4c63;border-radius:13px;margin-top:18px;padding:15px}.rule-example>span{color:#a6d4c4;font-size:10px}.rule-example p{color:#f3dcae;margin:9px 0 0;font-size:13px;line-height:1.7}.rule-example small{color:#a9bbc8;margin-top:7px;font-size:10px;line-height:1.6;display:block}.rule-judging{color:#8eaabb;font-size:10px;line-height:1.7}.rule-collection{margin-top:48px}.rule-section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rule-section-heading h2{margin:0;font-size:24px}.rule-section-heading>span{color:#88a4b8;font-size:12px}.rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.rule-grid .rule-card{transition:transform .2s,border-color .2s}.rule-grid .rule-card:hover{transform:translateY(-5px)}.rule-card[aria-pressed=true]{outline:2px solid var(--rule-accent);outline-offset:3px}.rule-studio button:focus-visible,.rule-studio a:focus-visible,.rule-studio summary:focus-visible{outline-offset:4px;outline:3px solid #f5d196}.rule-config{color:#98b1c4;border:1px solid #2e4b62;border-radius:16px;margin-top:40px;padding:22px;font-size:12px}.rule-config summary{cursor:pointer;color:#c4d6df}.rule-config p{line-height:1.8}.rule-config pre{background:#0b2238;border-radius:10px;padding:16px;line-height:1.6;overflow:auto}.rule-reveal{animation:.55s ease-out both rule-reveal}@keyframes rule-reveal{0%{opacity:.2;transform:translateY(14px)rotate(-4deg)}to{opacity:1;transform:none}}@media (width<=1100px){.rule-draw{grid-template-columns:1fr 270px;gap:25px}.rule-detail{grid-column:1/-1}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-fan{transform-origin:100%;margin-left:-70px;transform:scale(.85)}}@media (width<=760px){.rule-studio{padding:20px 18px 50px}.rule-nav>span{display:none}.rule-intro{flex-direction:column;align-items:flex-start;gap:15px;padding:36px 0}.rule-fan{transform-origin:0;height:160px;margin:0;transform:scale(.8)}.rule-draw{grid-template-columns:1fr;padding:20px}.rule-draw>div:nth-child(2){justify-self:center;width:100%;max-width:300px}.rule-detail{grid-column:auto}.rule-draw-notice{min-height:0}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-card--compact .rule-card-top{padding:12px 10px 0;font-size:7px}.rule-card--compact .rule-card-top>span:first-child{font-size:9px}.rule-card--compact .rule-card-copy{padding:7px 12px 12px}.rule-card--compact h3{font-size:20px}.rule-card--compact .rule-card-copy p{min-height:54px;font-size:11px}.rule-card--compact .rule-card-copy>span{display:none}.rule-card--compact .rule-card-bottom{padding:10px;font-size:8px}.rule-section-heading>span{font-size:10px}.rule-section-heading{gap:12px}.rule-fan .raster-asset{flex-shrink:1}}.rule-card-art{grid-template-columns:minmax(0,1fr)}.rule-card-art .raster-asset{min-width:0;max-width:180px;width:100%!important}@media (prefers-reduced-motion:reduce){.rule-reveal{animation:none}.rule-grid .rule-card{transition:none}}