:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f3f3ff;background:#0b1022;font-synthesis:none;font-weight:400;--muted: #aab4d4;--line: #8da9f33b;--gold: #ffd978;--panel: #1a2549}*{box-sizing:border-box}body{margin:0;min-width:350px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #b1baff4d;background:linear-gradient(140deg,#53618c70,#252f5970);border-radius:16px;padding:13px 22px;box-shadow:inset 0 1px 1px #ffffff20,0 5px 13px #070d2b30;transition:transform .18s,border-color .18s,filter .18s}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.13);border-color:#a8c1ff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8ed8ff;outline-offset:4px}a{color:#a8d0ff}input,select{width:100%;background:#0b142b;color:#f5f5ff;border:1px solid #536183;border-radius:10px;padding:13px 14px;margin:8px 0 18px}label{display:block;color:#bac7e6;font-size:13px}input[type=checkbox]{width:auto}h1,h2,h3,p{margin-top:0}p{color:#b9c5e6;line-height:1.7}small{color:var(--muted)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 84% 85%,#ab64385b,transparent 25%),radial-gradient(ellipse at 15% 20%,#484b8555,transparent 35%),linear-gradient(110deg,#191a34,#080f23 50%,#20213c)}.city{position:absolute;top:12%;right:8%;bottom:10%;left:8%;background:repeating-linear-gradient(90deg,transparent 0 36px,#192442 36px 63px,transparent 63px 86px),repeating-linear-gradient(0deg,transparent 0 23px,#fac07835 24px 27px,transparent 28px 41px);-webkit-mask-image:linear-gradient(transparent,#000 40%,transparent);mask-image:linear-gradient(transparent,#000 40%,transparent);opacity:.4;filter:blur(3px)}.window-frame{position:absolute;top:0;right:14%;bottom:0;left:14%;border-left:24px solid #02051177;border-right:24px solid #02051177;box-shadow:inset 2px 0 #f4c5a41c;transform:perspective(900px) rotateY(-12deg)}.warm-light{position:absolute;left:-70px;top:45%;width:180px;height:180px;border-radius:50%;background:#ffc67e;filter:blur(110px);opacity:.65}.app-layout{max-width:1380px;margin:0 auto;padding:26px 42px 15px}.host-header{display:flex;justify-content:space-between;align-items:center;margin:0 6px 23px}.host-brand{display:flex;align-items:center;gap:14px}.moon{display:grid;place-items:center;color:#ffd88b;font-size:40px;width:51px;height:51px;border:1px solid #cec19930;border-radius:50%;background:#f9d07b0b}.host-brand strong{font-size:18px;letter-spacing:.3px}.host-brand strong span{color:#ffda8d;font-size:13px;margin-left:5px}.host-brand small{display:block;letter-spacing:2px;font-size:8px;margin-top:7px}.host-brand i,.eyebrow i{display:inline-block;width:5px;height:5px;background:#62eac6;border-radius:50%;box-shadow:0 0 8px #62eac6;margin-right:7px}.profile{display:flex;align-items:center;gap:10px;font-size:14px}.coin{border:2px solid #fcca62;color:#ffe78a;background:#a86722;border-radius:50%;font-style:italic;padding:2px 5px;font-weight:900}.profile-avatar{width:39px;height:39px;overflow:hidden;border-radius:50%;border:1px solid #869ee6;margin-left:10px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.game-shell{position:relative;border:1px solid #b1c4ff8c;border-radius:32px;background:radial-gradient(ellipse at 6% 0,#8380cb32,transparent 30%),radial-gradient(ellipse at 90% 90%,#8470ca25,transparent 35%),linear-gradient(135deg,#152246ed,#182242f2 50%,#151d3cef);box-shadow:inset 0 1px 2px #fff9,inset 0 0 28px #9d9bf421,0 30px 70px #0007,0 0 60px #638bef09;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-header{height:102px;display:flex;align-items:center;gap:24px;padding:0 33px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#4c577b28,transparent)}.brand{border:0;background:none;box-shadow:none;padding:0;width:198px;flex-shrink:0}.brand img{display:block;width:100%}.header-context{border-left:1px solid var(--line);padding-left:24px;flex:1}.header-context strong{font-size:15px;font-weight:500;letter-spacing:.3px}.header-context small{display:block;font-size:12px;margin-top:5px}.header-buttons{display:flex;gap:10px}.icon{width:38px;height:38px;border-radius:50%;padding:0;font-size:20px;color:#d6e0ff}.icon:last-child{font-size:28px}.game-footer{height:50px;display:flex;align-items:center;justify-content:center;gap:16px;color:#929aba;font-family:Georgia,serif;font-style:italic;font-size:13px}.game-footer>span{width:46px;height:1px;background:#99b7ff38}.game-footer em,.modal footer em{color:#c17db1}.outside-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 7px 0;color:#727e9b;font-size:9px;letter-spacing:2px}.outside-footer span:nth-child(2){letter-spacing:1px}.lobby{display:grid;grid-template-columns:1.07fr 1fr;min-height:585px}.lobby-intro{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px 10px 10px 28px;border-right:1px solid #6685bd20;background:radial-gradient(ellipse at 45% 45%,#1353a42b,transparent 65%)}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#a5bce4;display:block}.lobby-intro>.eyebrow{position:absolute;top:34px;left:38px}.hero-art{position:relative;margin-top:26px;filter:drop-shadow(0 22px 30px #0004)}.hero-art>img{width:100%;display:block;animation:breathe 7s ease-in-out infinite}.sparkle{position:absolute;color:#ffe3a0;filter:drop-shadow(0 0 6px #fdcc73);animation:twinkle 4s infinite}.s1{top:12%;right:22%;font-size:20px}.s2{bottom:5%;left:21%;font-size:25px}.intro-bottom{display:flex;gap:12px;align-items:center;margin:25px 0 0 12px}.intro-bottom p{font-size:12px;margin:0}.intro-bottom small{display:block;font-size:10px;margin-top:3px;color:#8799bd}.tiny-avatars{display:flex;flex-shrink:0}.tiny-avatars img{width:32px;height:32px;object-fit:cover;border-radius:50%;margin-left:-8px;border:1px solid #91a2d7;background:#1b2140}.online-pill{position:absolute;bottom:23px;left:41px;font-size:8px;letter-spacing:1.2px;color:#7be9c9}.lobby-controls{padding:31px 32px 8px}.section-heading>span{color:#929cb7;letter-spacing:2px;font-size:8px}.section-heading h1{font-size:28px;font-weight:650;margin:13px 0 8px;letter-spacing:1px}.section-heading h1 em{display:inline-block;color:#c4d8ff;font-family:Georgia,serif;font-size:19px;font-weight:400;letter-spacing:0;margin-left:13px}.section-heading p{font-size:12px;margin-bottom:20px;color:#a8b4d3}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mode{position:relative;border:0;padding:0 0 7px;background:transparent;box-shadow:none;border-radius:15px}.mode-art{display:block;width:100%;opacity:.78;transition:opacity .2s,filter .2s}.mode.selected .mode-art{opacity:1;filter:drop-shadow(0 0 6px #ffcc8a59)}.mode-caption{font-size:11px;display:block;margin-top:3px;color:#b6c4e1}.mode.selected .mode-caption{color:#ffe195}.selection-dot{display:none;position:absolute;right:9px;top:8px;font-size:8px;border-radius:50%;width:17px;height:17px;background:#ffe09a;color:#302028;align-items:center;justify-content:center}.mode.selected .selection-dot{display:flex}.mode-description{display:flex;align-items:center;gap:9px;margin:10px 3px 16px}.mode-description>span{color:#ecd49c;font-size:12px}.mode-description p{font-size:11px;margin:0;line-height:1.6;color:#a3b4d5}.gold{background:linear-gradient(165deg,#fff2a8,#ffcf50 35%,#ffad30 78%,#ffd36d);border:1px solid #fff7ca;color:#67301c;font-weight:750;box-shadow:inset 0 2px 4px #fffbd9,0 0 18px #ffb83f42,0 6px #88532636;text-shadow:0 1px 0 #fff2b7}.gold:hover:not(:disabled){border-color:#fffbd5;box-shadow:0 0 30px #ffca6470}.start-button{width:100%;border-radius:18px;min-height:65px;font-size:20px;display:flex;justify-content:center;align-items:center;gap:19px}.start-button>span{font-size:10px;letter-spacing:1px;font-weight:600;border-left:1px solid #94572733;padding-left:18px}.join-link{display:block;border:0;box-shadow:none;background:none;color:#a3b5d9;font-size:10px;width:100%;padding:15px 0 14px}.join-link span{margin-left:5px;color:#dcc082}.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:14px;border-top:1px solid #7e93c62b}.quick-nav button{padding:10px 2px 9px;border-radius:14px;background:linear-gradient(130deg,#64709935,#28395740);border-color:#7a8bb53b}.nav-symbol{display:block;font-size:23px;color:#d5d1ff;height:33px;line-height:26px;text-shadow:0 0 12px #949cff55}.quick-nav b{display:block;font-size:11px;font-weight:550}.quick-nav small{display:block;font-size:8px;margin-top:5px;color:#8e9dc1}.blue,.ready-button{background:linear-gradient(145deg,#467fe19c,#21459e);border-color:#77a6f4}.ready-button{background:#14716366;color:#74ffd7}.text-button{background:none;box-shadow:none;border:0;color:#b8c9ef;font-size:11px;padding:10px}.table-page{padding:15px 28px 0;position:relative}.table-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#93a9cf}.connection{color:#72dfc0;font-size:10px;letter-spacing:0}.connection.offline{color:#ffc674}.table-stage{position:relative;height:460px;max-width:890px;margin:auto}.table-stage #pixi-table{position:absolute;top:-33px;right:-30px;bottom:-62px;left:-30px}.table-stage canvas{display:block}.neon-sign{position:absolute;right:5%;top:20px;color:#da9dff;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.45;transform:rotate(-10deg);text-shadow:0 0 8px #e596ff,0 0 22px #a250ff;opacity:.72}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:2;width:115px;transform:translate(-50%,-50%)}.seat.top{left:50%;top:15%}.seat.left{left:13%;top:52%}.seat.right{left:87%;top:52%}.seat.bottom{left:50%;top:89%}.seat-avatar{position:relative;width:74px;height:69px;filter:drop-shadow(0 4px 6px #0004)}.seat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.seat.active .seat-avatar{filter:drop-shadow(0 0 10px #f9d17e)}.seat.active .seat-avatar:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #ffe294;border-radius:50%;box-shadow:0 0 10px #ffc44866}.seat strong{font-size:11px;background:linear-gradient(#344471dd,#1c2955);border:1px solid #758cd946;border-radius:12px;min-width:93px;text-align:center;padding:5px 7px;z-index:1;margin-top:-3px}.seat strong small{font-size:7px;margin-left:2px;color:#b2d9ff}.crown{position:absolute;top:-18px;left:25px;font-size:28px;color:#ffdc70;text-shadow:0 0 10px #ffc673}.bot-tag{position:absolute;right:-3px;top:10px;padding:3px 5px;border:1px solid #7e8aad;background:#243051;color:#cad4f0;font-size:8px;border-radius:5px}.ready-state,.card-count{font-size:10px;color:#9caecc;margin-top:5px}.ready-state.yes{color:#66edc6;background:#134a4677;border:1px solid #40e0b466;border-radius:14px;padding:4px 15px}.card-count{background:#0c1c35b3;border-radius:10px;padding:3px 9px}.seat.empty button{font-size:28px;width:58px;height:58px;border-radius:50%;padding:0;border:1px dashed #9db4e68a;background:#30487539}.seat.empty small{margin-top:7px;font-size:10px}.seating-label{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;width:70%;pointer-events:none}.seating-label b{font-size:15px;letter-spacing:2px;color:#cbddff}.seating-label span{display:block;font-size:10px;margin-top:10px;color:#8baecc}.turn-label{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;background:#071729b5;padding:7px 13px;border-radius:20px;border:1px solid #5583b755;font-size:11px;white-space:nowrap}.turn-label.yours{border-color:#eacd73aa;color:#ffe698}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--card, #ed4055);box-shadow:0 0 9px var(--card, #ed4055)}.timer{border-left:1px solid #899abd55;padding-left:8px;min-width:25px;font-variant-numeric:tabular-nums}.timer.urgent{color:#ff8d8b}.game-event{position:absolute;left:50%;top:70%;transform:translate(-50%);font-size:10px;color:#b8ccea;text-align:center;white-space:nowrap}.rules-strip{display:flex;justify-content:space-around;border:1px solid #7890c548;background:#35456842;border-radius:17px;padding:14px 10px;max-width:850px;margin:auto}.rules-strip>span{color:#c8d1f0;font-size:16px;padding:0 20px;border-right:1px solid #718fc538}.rules-strip>span:last-child{border:0}.rules-strip b{font-size:11px;margin-left:5px}.rules-strip small{font-size:9px;display:block;margin-top:5px;text-align:center}.seat-actions{display:flex;max-width:700px;gap:14px;margin:17px auto 0}.seat-actions>button{flex:1;font-size:14px}.seat-actions>.gold{flex:1.3}.fine-print{text-align:center;font-size:10px;color:#8b9ec4;margin:13px 0 5px}.countdown-number{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0710256b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#ffe39c;font-size:110px;font-weight:900;z-index:4;text-shadow:0 0 50px #fbd56b;border-radius:25px}.hand-heading{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:0 auto 3px;font-size:9px;letter-spacing:1px;color:#a3b9dc}.hand-heading b{margin-left:8px;color:#d7e4fa;font-weight:500}.hand-heading>span:last-child{letter-spacing:0}.hand-scroll{overflow-x:auto;overflow-y:hidden;padding:26px 6px 15px;min-height:160px;scrollbar-width:thin;scrollbar-color:#7d93c5 transparent}.hand{display:flex;justify-content:center;align-items:center;margin:auto;min-width:max-content;padding:0 28px;perspective:900px}.playing-card{--card: #f0304d;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:117px;flex-shrink:0;background:var(--card);border:5px solid #f4f0ee;border-radius:10px;padding:5px;color:#fff;box-shadow:1px 5px #9cabc3,4px 9px 10px #03091c66;font-family:Arial,sans-serif;transform:rotate(var(--tilt, 0deg)) translateY(var(--lift, 0px));text-shadow:2px 2px 0 #152039,-1px -1px 0 #152039;font-style:italic}.red{--card: #ec3550}.yellow{--card: #ecc125}.green{--card: #16b879}.blue{--card: #3079e7}.wild{--card: #141a2b}.playing-card.wild b{background:conic-gradient(#eec239 0,#eec239 25%,#27a673 25%,#27a673 50%,#3076e1 50%,#3076e1 75%,#e93955 75%);border-radius:50%;width:100%;text-align:center;line-height:65px}.playing-card:after{content:"";position:absolute;top:11px;right:3px;bottom:11px;left:3px;border:2px solid #fff;border-radius:50%;transform:rotate(24deg);pointer-events:none}.playing-card b{font-size:43px;z-index:1;line-height:1}.playing-card>span{position:absolute;font-size:15px;font-weight:900;z-index:1}.playing-card>span:first-child{left:3px;top:2px}.playing-card>span:last-child{right:3px;bottom:2px;transform:rotate(180deg)}.hand-card{margin-left:-19px}.hand-card:first-child{margin-left:0}.hand-card.legal{box-shadow:1px 5px #adbee0,0 0 17px #a3d8ff88,3px 9px 12px #050a2166}.hand-card:disabled{opacity:1;filter:saturate(.7) brightness(.72)}.hand-card:hover:not(:disabled),.hand-card:focus-visible{z-index:5;transform:translateY(-20px) rotate(0);filter:brightness(1.07)}.play-actions{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:3px}.play-actions>button{font-size:12px;padding:10px 25px}.uno-button{font-size:24px!important;font-weight:900;font-style:italic;border:2px solid #fff0a6;background:linear-gradient(#ffe28b,#ffb82f);color:#8f322c;min-width:126px;border-radius:30px;text-shadow:1px 1px #fff}.uno-button.pulse{animation:pulse 1s infinite}.challenge-panel{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:8;width:min(400px,90%);padding:24px;border:1px solid #df95a7;border-radius:22px;background:#192647f5;box-shadow:0 15px 50px #000a;text-align:center}.challenge-panel p{font-size:12px}.challenge-panel button{font-size:12px;margin:5px}.danger{background:linear-gradient(#e04d73,#8b2647);border-color:#ff9ab0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#04091bbd;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);display:flex;justify-content:center;align-items:center;padding:25px}.modal{width:680px;max-width:100%;max-height:92dvh;overflow-y:auto;background:radial-gradient(ellipse at 80% 70%,#34336f66,transparent),linear-gradient(145deg,#26375c,#151f43);border:1px solid #a6b9f28c;border-radius:28px;box-shadow:inset 0 1px 2px #fff7,0 25px 100px #0009;padding:27px 30px}.modal.wide{width:740px}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;gap:14px}.modal header h1{margin:9px 0 0;font-size:26px;color:#edf2ff;letter-spacing:-.5px}.modal header .icon{flex-shrink:0}.modal p{font-size:13px}.modal h2{font-size:19px;margin-bottom:10px}.modal footer{text-align:center;font-size:11px;font-style:italic;color:#8899c0;font-family:Georgia,serif;margin-top:23px}.modal .eyebrow{font-size:8px}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:12px}.modal-actions>button{min-width:130px}.guide-step{display:flex;align-items:center;gap:18px;border:1px solid #698be06b;border-radius:22px;padding:22px 20px;margin-bottom:12px;background:linear-gradient(135deg,#20589755,#26274d55);box-shadow:inset 0 0 20px #3458b929}.guide-step>div:nth-child(2){flex:1}.guide-step p{font-size:12px;margin-bottom:0}.step-no{display:grid;place-items:center;background:linear-gradient(140deg,#65b5ff,#2447b9);border:1px solid #a2deff;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:22px;font-weight:700;box-shadow:0 0 15px #487eff66}.sample-cards{display:flex;gap:6px;transform:rotate(-8deg);margin:0 7px}.sample-cards .playing-card{width:49px;height:75px;border-width:3px;border-radius:7px}.sample-cards .playing-card b{font-size:31px}.sample-cards .playing-card span{font-size:10px}.draw-icon{font-size:38px;margin-right:15px;font-weight:800;color:#7bbbff}.gold-text{color:#ffdb7e!important}.dots{display:flex;gap:7px}.dots i{width:8px;height:8px;border-radius:50%;background:#5a6891}.dots .active{background:#83d5ff;box-shadow:0 0 9px #61bcff}.special-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:13px}.special-grid article{display:flex;flex-direction:column;align-items:center;width:30%;border:1px solid #7c96e16b;border-radius:17px;background:#1a37635e;padding:17px 11px 10px;text-align:center}.special-grid h3{font-size:13px;margin:17px 0 7px}.special-grid p{font-size:11px;margin:0}.special-grid .playing-card{width:64px;height:98px}.special-grid .playing-card b{font-size:33px}.uno-demo{display:inline-block;border-radius:35px;padding:10px 30px;background:linear-gradient(#ffe578,#ffb333);font-size:35px;color:#a13e25;box-shadow:0 0 25px #ffca6855;margin-top:18px;text-shadow:1px 2px #fff1b1;font-style:italic}.tabs{display:flex;gap:6px;background:#09132b55;border:1px solid var(--line);border-radius:25px;padding:4px;margin-bottom:24px}.tabs button{flex:1;font-size:12px;background:none;border:0;box-shadow:none;padding:11px;border-radius:22px}.tabs button.active{background:linear-gradient(120deg,#286cf4,#6a66e2);box-shadow:0 0 12px #5f8bff6b}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.help-grid article{border:1px solid var(--line);border-radius:16px;padding:18px;background:#46689822}.help-grid b{font-size:13px}.help-grid p{margin:9px 0 0;font-size:12px}.house-rules{background:#496a9c25;border:1px solid #8195c747;border-radius:16px;padding:19px;margin-top:17px;font-size:12px;color:#c4d1ed}.house-rules h3{margin-bottom:7px}.house-rules p:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%;font-size:12px;margin:18px 0}th,td{text-align:left;padding:13px;border-bottom:1px solid #617ca943}th{color:#b7cdf4;background:#28487066}details{border:1px solid #8999c755;border-radius:13px;background:#52608c22;margin-bottom:9px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:14px 16px;font-size:12px}summary::-webkit-details-marker{display:none}details p{padding:0 16px;margin-bottom:15px}details[open]{border-color:#93bcff}.color-picker{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.color-picker button{background:var(--card);padding:30px 15px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px}.color-picker .color-dot{border:2px solid #fff8;width:22px;height:22px}.result{max-width:810px;margin:auto;padding:22px 20px 0}.winner-hero{text-align:center;position:relative}.confetti{position:absolute;inset:10px 0 auto;color:#ffd573;letter-spacing:45px;font-size:24px;opacity:.65}.winner-portrait{position:relative;margin:auto;width:125px;height:100px;filter:drop-shadow(0 0 22px #ffc94988)}.winner-portrait img{width:100%;height:100%;object-fit:contain}.winner-portrait>span{position:absolute;top:-24px;left:44px;font-size:36px;color:#ffe17d}.winner-hero .eyebrow{color:#ffe193;font-size:9px;margin:7px 0}.winner-hero h1{font-size:26px;margin:6px 0}.winner-hero p{font-size:11px}.reward-breakdown{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a0b6ff99;background:linear-gradient(120deg,#32447a77,#31499b36);border-radius:22px;padding:17px 23px;margin:18px 0;box-shadow:inset 0 0 20px #787fc22b}.reward-breakdown>div{display:grid;grid-template-columns:65px 1fr;align-items:center;border-right:1px solid var(--line);column-gap:15px}.big-coin{display:grid;place-items:center;width:65px;height:65px;background:linear-gradient(135deg,#fff2ab,#fba627);border:4px double #ffdf7d;border-radius:50%;font-size:43px;color:#b2711c;font-style:italic;font-weight:900;box-shadow:0 0 25px #ffc86c55;text-shadow:1px 1px #fff3bb}.reward-breakdown>div>b{font-size:33px;color:#ffdd84}.reward-breakdown small{grid-column:2;font-size:10px;margin-top:-18px}.reward-breakdown dl{display:grid;grid-template-columns:1fr auto;margin:0 0 0 22px;gap:7px;font-size:11px;color:#c3d0ed}.reward-breakdown dd{font-weight:700;color:#fff;margin:0}.rank-row{display:flex;align-items:center;gap:14px;padding:9px 14px;margin-bottom:8px;border:1px solid #9aabdb5e;border-radius:16px;background:#29385588}.rank-row.winner{border-color:#f7d685b0;background:linear-gradient(90deg,#71654155,#35436855);box-shadow:0 0 12px #ffd47113}.rank-number{font-size:25px;color:#bacafa;width:47px}.rank-number small{font-size:14px}.winner .rank-number{color:#ffe19a}.rank-row>img{width:46px;height:43px;object-fit:contain}.rank-row>strong{flex:1;font-size:13px}.rank-row>strong small{display:block;color:#ffe29b;font-size:8px;margin-top:4px}.rank-row>span{text-align:center;font-size:8px;color:#9daece;min-width:53px}.rank-row>span b{display:block;color:#eef3ff;font-size:16px;margin-top:4px}.rank-coins{font-size:20px;color:#edcb8e;min-width:50px;text-align:right}.result-actions{display:flex;gap:13px;margin-top:20px;justify-content:center}.result-actions button{flex:1;font-size:12px}.result-actions .gold{flex:1.4}.stats-strip{display:flex;border:1px solid #8c9dce60;border-radius:20px;padding:25px 10px;margin-bottom:22px;background:#283b6980}.stats-strip>div{flex:1;text-align:center;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip b{display:block;font-size:27px}.stats-strip span{font-size:10px;display:block;color:#9fb1d5;margin-top:5px}.history-row summary{display:flex;align-items:center;gap:13px;padding:12px}.history-row summary img{width:40px;height:40px;object-fit:cover;border:1px solid #9aa9d5;border-radius:50%}.history-row summary>span{flex:1}.history-row summary small{display:block;font-size:9px;margin-top:5px}.history-row summary em{font-size:9px;padding:5px 9px;border:1px solid #7692cb;border-radius:15px;font-style:normal;color:#bcd2fa}.history-row>div{padding:0 10px}.mint{color:#82e9b3}.reward-hero{text-align:center;margin:10px 0 30px}.reward-hero .big-coin{margin:auto}.reward-hero h2{font-size:32px;margin:14px 0 8px}.reward-hero small{font-size:12px}.campaign{display:flex;gap:15px;align-items:center;padding:19px;border:1px solid #7489b870;border-radius:18px;background:#40577b3b;margin-bottom:10px}.campaign>span{font-size:38px;color:#ffd17a}.campaign>div{flex:1}.campaign h3{font-size:14px;margin-bottom:7px}.campaign p{font-size:11px;margin:0}.campaign button{font-size:11px;padding:10px 20px}.empty-state{text-align:center;padding:28px 15px}.empty-state>span{display:block;font-size:45px;color:#a8c1f8;margin-bottom:15px}.empty-state h2{font-size:20px}.empty-state p{font-size:12px}.empty-state button{margin-top:10px}.loading{text-align:center;padding:50px;color:#a2b5dc}.closed-state{padding:100px 25px;text-align:center}.closed-state .moon{margin:auto auto 25px}.closed-state h1{font-family:Georgia,serif;font-style:italic}.closed-state button{margin-top:20px}.boot{display:flex;flex-direction:column;min-height:100dvh;align-items:center;justify-content:center;padding:20px;text-align:center}.boot h1{color:#ffe29a;letter-spacing:2px;margin-top:25px}.boot p{font-size:13px}#toast{position:fixed;z-index:100;bottom:32px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:#152642f2;border:1px solid #9cbcff88;border-radius:15px;box-shadow:0 10px 40px #0007;color:#e9f2ff;font-size:13px;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%)}[data-theme=sunset] .ambient{background:radial-gradient(ellipse at 20% 15%,#986154,transparent 60%),#121732}[data-theme=sunset] .game-shell{background:linear-gradient(130deg,#423253ed,#171f3cf5)}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:100dvh;background:#0d1427}.admin-sidebar{padding:28px 20px;border-right:1px solid #344263;background:linear-gradient(180deg,#1b2945,#131c30);position:sticky;top:0;height:100dvh}.admin-sidebar img{width:180px}.admin-sidebar>small{display:block;font-size:10px;letter-spacing:2px;margin:12px 12px 32px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav button{text-align:left;font-size:13px;background:none;box-shadow:none;border-color:transparent;padding:14px}.admin-sidebar nav button.active{background:#5377c63b;border-color:#7995ce55}.admin-sidebar .admin-home{display:block;margin:45px 14px 18px;font-size:12px}.admin-main{padding:35px 42px;min-width:0;max-width:1400px;width:100%}.admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #31425f;padding-bottom:23px;margin-bottom:28px}.admin-top h1{font-size:25px;margin:9px 0 0}.admin-top button{font-size:12px;padding:10px 20px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.admin-metric{padding:23px;border:1px solid #51678655;background:linear-gradient(120deg,#253b5b,#1b2945);border-radius:17px}.admin-metric b{font-size:30px;display:block;margin-bottom:10px}.admin-metric span{color:#a8bedb;font-size:12px}.admin-panel{background:#1b294280;border:1px solid #5d759347;border-radius:18px;padding:23px;margin-bottom:22px;overflow:auto}.admin-panel h2{font-size:17px;margin-bottom:17px}.admin-panel p{font-size:12px}.admin-table{min-width:480px}.admin-table td{font-size:12px}.admin-table button{font-size:10px;padding:7px 12px;border-radius:9px}.admin-table code{font-size:10px;color:#94b6e6;overflow-wrap:anywhere}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.admin-form .full{grid-column:1/-1}.admin-form button{justify-self:start;font-size:13px}.admin-form input,.admin-form select{margin-bottom:5px}.admin-form small{display:block;font-size:10px;line-height:1.6;margin-top:5px}.admin-login{max-width:400px;margin:12vh auto;background:#1e2b45;border:1px solid #6d83ac66;border-radius:25px;padding:35px}.admin-login img{width:215px;display:block;margin:0 auto 15px}.admin-login h1{font-size:20px;text-align:center}.admin-login p{font-size:12px;text-align:center}.admin-login button{width:100%;margin-top:10px}.admin-error{color:#ffa0b7!important;margin-top:16px;font-size:12px}.admin-message{color:#76e6be;padding:13px 17px;background:#19493e55;border:1px solid #3dba8866;border-radius:12px;margin-bottom:20px;font-size:13px}.asset-preview{display:flex;gap:15px;align-items:center}.asset-preview img{width:180px;height:110px;object-fit:contain;border:1px solid #6580ab55;border-radius:12px;background:#131e37}.status-badge{color:#80e3b2;font-size:10px;background:#1e534d77;border-radius:15px;padding:4px 9px}.admin-json{white-space:pre-wrap;max-width:550px;font-size:10px;color:#a7bbd6;line-height:1.7}@keyframes breathe{50%{transform:translateY(-6px) rotate(.3deg)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.6)}}@keyframes pulse{50%{box-shadow:0 0 30px #ffd579;transform:scale(1.04)}}@media(min-width:1550px){.app-layout{padding-top:50px}.lobby{min-height:660px}.lobby-controls{padding-top:42px}.mode-description{margin-bottom:23px}.quick-nav{padding-top:20px}.table-stage{height:480px}}@media(max-width:1100px){.app-layout{padding:20px}.lobby-controls{padding:29px 22px 10px}.lobby-intro{padding-left:10px}.section-heading h1{font-size:23px}.section-heading h1 em{font-size:16px}.lobby-intro>.eyebrow{left:25px;font-size:8px}.intro-bottom{gap:8px}.intro-bottom p{font-size:10px}.intro-bottom small{font-size:8px}.game-header{padding:0 25px}.lobby{min-height:550px}.admin-main{padding:25px}.admin-layout{grid-template-columns:200px 1fr}.admin-sidebar img{width:150px}}@media(max-width:760px){.app-layout{max-width:570px;padding:15px 10px 10px}.host-header{margin:0 8px 16px}.host-brand{gap:10px}.moon{width:37px;height:37px;font-size:28px}.host-brand strong{font-size:13px}.host-brand small{font-size:6px;letter-spacing:1.2px;margin-top:5px}.profile{gap:6px;font-size:11px}.profile-avatar{width:29px;height:29px;margin-left:4px}.coin{font-size:10px}.game-shell{border-radius:25px}.game-header{height:77px;padding:0 15px;gap:11px}.brand{width:143px}.header-context{padding-left:12px}.header-context strong{font-size:11px}.header-context small{font-size:9px;margin-top:4px}.header-buttons{gap:6px}.icon{width:30px;height:30px;font-size:16px}.icon:last-child{font-size:23px}.lobby{display:flex;flex-direction:column;min-height:0}.lobby-intro{padding:19px 16px 4px;border:0}.lobby-intro>.eyebrow{position:static;font-size:6px;letter-spacing:1.8px;margin:0 6px}.hero-art{margin-top:10px}.hero-art>img{width:100%}.intro-bottom{display:none}.lobby-controls{padding:5px 18px 2px}.section-heading{display:none}.mode-grid{gap:7px}.mode-caption{font-size:9px;margin-top:0}.mode{padding-bottom:0}.selection-dot{width:14px;height:14px;top:9px;right:8px;font-size:7px}.mode-description{margin:12px 2px 15px;gap:7px}.mode-description p{font-size:10px}.start-button{min-height:57px;border-radius:17px;font-size:21px;gap:16px}.start-button>span{font-size:9px}.join-link{padding:14px 0;font-size:10px}.quick-nav{padding-top:14px;gap:8px}.quick-nav button{padding:13px 2px 11px;border-radius:13px}.quick-nav b{font-size:10px}.quick-nav small{font-size:7px}.nav-symbol{font-size:24px;height:31px}.game-footer{height:47px;font-size:11px;gap:9px}.game-footer>span{width:26px}.outside-footer{font-size:7px;letter-spacing:1px;padding-top:13px}.outside-footer>span:nth-child(2){font-size:7px;letter-spacing:0}.table-page{padding:10px 10px 0}.table-topline{font-size:7px;letter-spacing:.5px}.connection{font-size:8px}.table-topline button{font-size:9px;padding:8px 4px}.table-stage{height:410px;margin-top:3px}.table-stage #pixi-table{top:-20px;right:-15px;bottom:-10px;left:-15px}.neon-sign{font-size:11px;right:2%;top:30px}.seat{width:86px}.seat-avatar{width:60px;height:56px}.seat strong{min-width:71px;font-size:10px;padding:4px}.crown{font-size:24px;left:21px;top:-15px}.seat.top{top:18%}.seat.left{left:14%;top:53%}.seat.right{left:86%;top:53%}.seat.bottom{top:83%}.seat.empty button{width:45px;height:45px;font-size:24px}.seat.empty small{font-size:8px}.seating-label{top:49%}.seating-label b{font-size:9px;letter-spacing:1px}.seating-label span{font-size:8px;margin-top:6px}.turn-label{top:34%;font-size:9px;padding:6px 9px;gap:6px}.game-event{top:69%;font-size:8px}.rules-strip{padding:12px 3px;border-radius:13px}.rules-strip>span{padding:0 8px;font-size:12px}.rules-strip b{font-size:9px;margin-left:0}.rules-strip small{font-size:7px}.seat-actions{gap:7px;margin-top:13px}.seat-actions>button{font-size:11px;padding:12px 6px;border-radius:14px}.fine-print{font-size:8px;margin:11px 0 0}.hand-heading{font-size:7px;letter-spacing:.5px;margin-top:-15px;padding:0 5px}.hand-heading>span:nth-child(2){font-size:8px}.hand-scroll{min-height:133px;padding:20px 3px 11px;margin-top:1px}.playing-card{width:64px;height:95px;border-width:4px;border-radius:8px}.playing-card b{font-size:35px}.playing-card>span{font-size:12px}.hand-card{margin-left:-24px}.hand{padding:0 10px}.hand-card:hover:not(:disabled){transform:translateY(-12px)}.play-actions{gap:10px;margin-top:3px}.play-actions>button{font-size:10px;padding:9px 17px}.uno-button{font-size:21px!important;min-width:106px}.modal-overlay{padding:12px}.modal{padding:21px 17px;border-radius:23px;max-height:94dvh}.modal header h1{font-size:23px}.modal>header{padding-bottom:18px;margin-bottom:20px}.modal .eyebrow{font-size:7px;letter-spacing:1.5px}.modal h2{font-size:15px}.modal p{font-size:12px}.guide-step{gap:11px;padding:18px 12px}.step-no{width:28px;height:28px;font-size:18px}.guide-step p{font-size:10px}.sample-cards{gap:3px;margin:0;flex-shrink:0}.sample-cards .playing-card{width:36px;height:56px}.sample-cards .playing-card b{font-size:22px}.sample-cards .playing-card span{font-size:8px}.sample-cards .playing-card:after{top:8px;right:0;bottom:8px;left:0}.modal-actions>button{font-size:12px;min-width:90px;padding:12px}.special-grid{gap:9px}.special-grid article{width:31%;padding:15px 6px 10px;border-radius:14px}.special-grid .playing-card{width:55px;height:81px}.special-grid .playing-card b{font-size:27px}.special-grid h3{font-size:11px}.special-grid p{font-size:9px}.special-grid article:nth-last-child(-n+2){width:42%}.help-grid{gap:9px}.help-grid article{padding:14px}.help-grid b{font-size:11px}.help-grid p{font-size:10px}.tabs button{font-size:11px;padding:10px 6px}.house-rules{padding:15px}.result{padding:24px 10px 0}.confetti{letter-spacing:23px;font-size:18px}.winner-portrait{width:126px;height:100px}.winner-hero h1{font-size:23px}.reward-breakdown{padding:14px 11px;border-radius:17px;gap:0}.reward-breakdown>div{grid-template-columns:47px 1fr;column-gap:7px}.big-coin{width:47px;height:47px;font-size:31px}.reward-breakdown>div>b{font-size:24px}.reward-breakdown small{font-size:8px;margin-top:-8px}.reward-breakdown dl{margin-left:11px;font-size:9px;gap:8px}.rank-row{gap:7px;padding:10px 9px;border-radius:12px}.rank-number{font-size:21px;width:35px}.rank-number small{font-size:11px}.rank-row>img{width:35px;height:33px}.rank-row>strong{font-size:11px}.rank-row>span{min-width:27px;font-size:7px}.rank-row>span b{font-size:13px}.rank-coins{min-width:31px;font-size:15px}.result-actions{gap:6px;margin-top:16px}.result-actions button{font-size:10px;padding:12px 6px;border-radius:13px}.stats-strip{padding:19px 5px}.stats-strip b{font-size:24px}.history-row summary{gap:8px;padding:10px}.history-row summary>span b{font-size:10px}.history-row summary>span small{font-size:8px}.history-row summary img{width:33px;height:33px}.history-row summary>strong{font-size:10px}.history-row summary>b{font-size:12px}.history-row summary em{font-size:8px;padding:4px 7px}.history-row .rank-row{gap:5px}.campaign{padding:15px 12px;gap:9px}.campaign h3{font-size:12px}.campaign p{font-size:9px}.campaign>span{font-size:30px}.campaign button{padding:10px 14px}.admin-layout{display:block}.admin-sidebar{position:static;height:auto;padding:15px;border-right:0;border-bottom:1px solid #344263}.admin-sidebar img{width:130px}.admin-sidebar>small{display:inline;margin:0 0 0 15px;font-size:8px}.admin-sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:4px}.admin-sidebar nav button{white-space:nowrap;font-size:10px;padding:10px}.admin-sidebar .admin-home{display:none}.admin-main{padding:22px 14px}.admin-top{margin-bottom:17px;padding-bottom:20px}.admin-top h1{font-size:21px}.admin-metrics{grid-template-columns:1fr 1fr;gap:12px}.admin-metric{padding:20px}.admin-metric b{font-size:25px}.admin-panel{padding:17px}.admin-form{grid-template-columns:1fr;gap:17px}.admin-form .full{grid-column:auto}.admin-login{margin:10vh 18px;padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}