:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#173b57;background:#f7edd6;font-synthesis:none;--cream: #fff6df;--paper: #fffaf0;--coral: #e96f51;--coral-dark: #b74a37;--ocean: #39a7a1;--ocean-dark: #237b7a;--sun: #f4c95d;--ink: #173b57;--muted: #6a7d82;--line: #244a60;--shadow: 5px 6px 0 rgba(23, 59, 87, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(57,167,161,.45);outline-offset:2px}.app-shell{min-height:100vh;position:relative;isolation:isolate;background:repeating-linear-gradient(15deg,transparent 0 12px,rgba(55,40,20,.018) 13px 14px),radial-gradient(circle at 12% 8%,rgba(244,201,93,.28),transparent 30%),linear-gradient(145deg,#fff8e8,#f5e8ce)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.22;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.paper-decor{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.paper-decor span{position:absolute;display:block;filter:drop-shadow(4px 5px 0 rgba(23,59,87,.08))}.paper-decor span:nth-child(1){width:180px;height:90px;border-radius:50% 50% 0 0;background:var(--ocean);left:-90px;bottom:7%;transform:rotate(21deg)}.paper-decor span:nth-child(2){width:110px;height:110px;border-radius:48% 52% 42% 58%;background:var(--coral);right:-45px;top:12%;transform:rotate(-15deg)}.paper-decor span:nth-child(3){width:42px;height:42px;background:var(--sun);left:7%;top:8%;transform:rotate(17deg)}.paper-decor span:nth-child(4){width:80px;height:18px;border-radius:50%;border:4px solid var(--ink);opacity:.12;right:13%;bottom:6%}.connection-banner{position:fixed;top:0;inset-inline:0;z-index:20;padding:8px;text-align:center;background:var(--sun);font-weight:700;box-shadow:0 2px 8px #173b5730}.toast{position:fixed;z-index:30;top:20px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 32px));border:2px solid var(--coral-dark);border-radius:14px 12px 15px 11px;padding:12px 42px 12px 16px;background:#fff8e8;color:var(--coral-dark);font-weight:700;box-shadow:var(--shadow);cursor:pointer}.toast span{position:absolute;right:15px;font-size:20px}.home{min-height:100vh;width:min(1120px,100%);margin:auto;padding:64px 32px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:46px}.hero-paper,.paper-panel{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:28px 22px 31px 24px;box-shadow:9px 10px #173b5721}.hero-paper{padding:clamp(32px,5vw,68px);transform:rotate(-.3deg)}.hero-paper:after{content:"";position:absolute;width:75px;height:22px;left:46%;top:-12px;background:#f4c95d9e;transform:rotate(2deg);border:1px solid #d6ae4c66}.hero-paper__stamp{position:absolute;right:28px;top:30px;padding:7px 12px;border:2px dashed var(--coral);border-radius:4px;transform:rotate(4deg);color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow{margin:0 0 8px;color:var(--ocean-dark);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-paper h1{margin:0;font-family:STKaiti,KaiTi,"FangSong",serif;font-size:clamp(64px,9vw,106px);line-height:1;letter-spacing:.03em;font-weight:700}.hero-paper h1 span{color:var(--coral)}.hero-copy{max-width:480px;margin:16px 0 26px;color:#506977;font-size:clamp(16px,2vw,20px)}.sample-tiles{display:flex;gap:6px;margin:0 0 30px 4px}.home-form{display:grid;gap:12px;max-width:500px}.home-form label{display:grid;gap:7px}.home-form label span{font-size:13px;font-weight:700}input{width:100%;min-height:50px;border:2px solid #9caa9f;border-radius:14px 11px 15px 12px;padding:0 16px;color:var(--ink);background:#fffcf5;box-shadow:inset 0 2px #173b570d}input::placeholder{color:#98a49e}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.join-row input{text-transform:uppercase;letter-spacing:.18em;font-weight:800}.button{min-height:50px;border:2px solid var(--line);border-radius:15px 12px 16px 11px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;box-shadow:4px 5px #173b572b;transition:transform .15s,box-shadow .15s,filter .15s}.button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px) rotate(-.3deg);box-shadow:5px 7px #173b572e}.button:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 2px #173b572b}.button:disabled{cursor:not-allowed;opacity:.46;box-shadow:2px 2px #173b571f}.button--primary{background:var(--coral);color:#fffaf0}.button--ocean{background:var(--ocean);color:#fff}.button--ghost{background:var(--cream)}.button--opening-complete{background:var(--ocean);color:#fff}.home-note{padding:24px 18px 24px 28px;color:#35566b}.home-note h2{margin:12px 0 10px;color:var(--ink);font-family:STKaiti,KaiTi,"FangSong",serif;font-size:36px;font-weight:700}.home-note p{line-height:1.75}.home-note ul{list-style:none;padding:0;display:grid;gap:8px;font-weight:700}.home-note li:before{content:"✦";margin-right:9px;color:var(--coral)}.sun-illustration{position:relative;width:110px;height:70px}.sun-illustration:before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:var(--sun);left:17px;top:5px;box-shadow:4px 5px #d49c3b55}.sun-illustration span{position:absolute;width:40px;height:4px;border-radius:50%;background:var(--ocean);left:62px}.sun-illustration span:nth-child(1){top:27px}.sun-illustration span:nth-child(2){top:40px;width:48px}.sun-illustration span:nth-child(3){top:53px;width:34px}.brand-mini{display:flex;align-items:center;gap:9px;font-size:18px}.brand-mini__sun{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--sun);box-shadow:2px 3px #173b5730}.room-page{min-height:100vh;width:min(980px,100%);margin:auto;padding:30px 24px 60px}.room-card{margin-top:40px;padding:clamp(28px,5vw,54px);text-align:center}.room-card h1{margin:0 0 22px;font-family:STKaiti,KaiTi,"FangSong",serif;font-size:clamp(38px,6vw,56px);font-weight:700}.room-code{margin:0 auto 30px;display:grid;grid-template-columns:auto auto auto;align-items:baseline;gap:14px;padding:10px 17px;border:2px dashed var(--ocean-dark);background:#e8f4ed;color:var(--ink);border-radius:10px;cursor:pointer}.room-code span,.room-code small{font-size:12px}.room-code strong{font-size:24px;letter-spacing:.16em}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.player-seat{position:relative;min-height:190px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #b8b9a7;border-radius:18px 14px 20px 13px;background:#fffaf0;box-shadow:3px 4px #173b571a}.player-seat .avatar{width:78px;height:78px;margin-bottom:10px}.player-seat strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat span{color:var(--muted);font-size:12px;margin-top:4px}.player-seat em{position:absolute;top:8px;right:8px;font-size:10px;color:var(--coral-dark)}.player-seat--ready{border-color:var(--ocean);background:#ecf8ed;transform:rotate(-.5deg)}.player-seat--ready:before{content:"✓";position:absolute;top:8px;left:9px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ocean);font-weight:800}.player-seat--empty{border-style:dashed;box-shadow:none;color:#99a39a;background:transparent}.player-seat--bot{background:linear-gradient(155deg,#fffaf0,#e8f4ed);border-color:var(--ocean)}.bot-seat-actions{margin-top:9px;display:flex;gap:5px}.bot-seat-actions select,.bot-seat-actions button,.add-bot,.seat-remove{min-height:29px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:#fffaf0;color:var(--ink);font-size:11px;cursor:pointer}.bot-seat-actions button,.seat-remove{color:var(--coral-dark)}.add-bot{margin-top:8px;border-color:var(--ocean);color:var(--ocean-dark);font-weight:800}.seat-remove{margin-top:8px}.empty-avatar{width:66px;height:66px;margin-bottom:10px;display:grid;place-items:center;border:2px dashed #aaa;border-radius:50%;font-size:26px}.room-actions{margin-top:28px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.room-actions .button{min-width:190px}.room-status{min-height:21px;margin-bottom:0;color:var(--muted);font-size:13px}.avatar{width:48px;height:48px;flex:none}.avatar svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 3px 0 rgba(23,59,87,.14))}.avatar--active{animation:paper-bob 1.2s ease-in-out infinite}@keyframes paper-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}.game-page{min-height:100vh;padding-bottom:10px;background:linear-gradient(180deg,#fffaf0bd,#f7edd6e0)}.game-topbar{height:62px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid #173b5730;background:#fffaf0eb}.top-pill{padding:7px 13px;border:1.5px dashed var(--ocean-dark);border-radius:8px;background:#eaf6ef;font-size:12px;font-weight:700;cursor:pointer}.top-actions{justify-self:end;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.top-actions button{border:0;border-bottom:1px dashed var(--ink);background:none;cursor:pointer}.players-strip{min-height:76px;padding:9px 18px;display:flex;justify-content:center;gap:10px;overflow-x:auto;scrollbar-width:thin}.mini-player{position:relative;min-width:175px;max-width:230px;padding:6px 10px;display:flex;align-items:center;gap:8px;border:1.5px solid #adad9c;border-radius:14px 11px 15px 12px;background:#fffaf0cc;box-shadow:2px 3px #173b5715}.mini-player>div:nth-child(2){min-width:0;display:grid}.mini-player strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player span{color:var(--muted);font-size:10px}.mini-player--active{border-color:var(--coral);background:#fff1d9;box-shadow:3px 4px #e96f5133}.mini-player--offline{filter:grayscale(.7);opacity:.6}.turn-timer{margin-left:auto;min-width:39px;height:39px;display:grid;place-items:center;border:3px solid var(--ocean);border-radius:50%;color:var(--ink)!important;background:#fff;font-weight:800}.turn-timer--urgent{border-color:var(--coral);color:var(--coral-dark)!important;animation:timer-pulse .8s infinite}@keyframes timer-pulse{50%{transform:scale(1.08)}}.table-paper{position:relative;width:min(760px,calc(100% - 24px));margin:0 auto;border:2px solid var(--line);border-radius:38px 30px 42px 31px;background:radial-gradient(ellipse at center,rgba(57,167,161,.12),transparent 65%),repeating-linear-gradient(20deg,transparent 0 18px,rgba(23,59,87,.018) 19px 20px),#e9f1df;box-shadow:inset 0 0 0 7px #fff8e7,6px 7px #173b5724;overflow:hidden}.table-paper:before,.table-paper:after{content:"";position:absolute;pointer-events:none;opacity:.4}.table-paper:before{width:170px;height:75px;left:-30px;bottom:-30px;border:5px solid var(--ocean);border-radius:50%}.table-paper:after{width:72px;height:72px;right:20px;top:18px;border-radius:50%;background:var(--sun);box-shadow:-42px 28px 0 -26px var(--coral)}.table-paper--your-turn{box-shadow:inset 0 0 0 7px #fff8e7,0 0 0 4px #e96f5133,6px 8px #173b5724}.table-paper--watching{box-shadow:inset 0 0 0 7px #fff8e7,0 0 0 4px #237b7a33,6px 8px #173b5724}.table-paper--full{border-color:var(--coral);box-shadow:inset 0 0 0 7px #fff8e7,0 0 0 4px #e96f5159,6px 8px #173b5724}.table-paper--full .table-label{color:#9f321f;background:#ffe3d4}.table-label{position:sticky;left:50%;z-index:3;width:max-content;max-width:90%;margin:12px auto 0;padding:5px 14px;border-radius:20px;background:#fffaf0e0;color:var(--muted);font-size:11px;font-weight:700}.meld-canvas{position:relative;z-index:1;width:100%;min-width:0;padding:0;overflow:hidden;cursor:default;transition:background .15s}.meld-canvas:before{content:"";position:absolute;left:var(--grid-start-x);top:var(--grid-start-y);width:var(--grid-width);height:var(--grid-width);z-index:0;border:1px solid rgba(35,123,122,.23);background-image:linear-gradient(to right,rgba(35,123,122,.23) 1px,transparent 1px),linear-gradient(to bottom,rgba(35,123,122,.23) 1px,transparent 1px);background-size:var(--grid-column-width, 40px) var(--grid-row-height, 40px);opacity:.42;pointer-events:none;box-sizing:border-box}.table-paper--your-turn .meld-canvas:before{opacity:.72}.column-labels{position:absolute;z-index:2;inset:2px 0 auto;height:22px;color:#376f70;font-size:10px;font-weight:900;pointer-events:none}.column-labels span{position:absolute;transform:translate(-50%)}.board-error-row{position:absolute;z-index:1;left:var(--grid-start-x);width:var(--grid-width);border:2px solid rgba(233,111,81,.9);border-radius:7px;background:#e96f511f;pointer-events:none}.meld-canvas--placing{cursor:crosshair;background:#fffaf029}.cluster-halo{position:absolute;z-index:1;border:2px dashed rgba(35,123,122,.46);border-radius:13px 10px 14px 11px;background:#fffaf047;pointer-events:none;transition:left .14s,top .14s,width .14s,height .14s}.cluster-halo--incomplete{border-color:#e96f5194;background:#ffefd557}.placed-tile{position:absolute;z-index:2;width:var(--board-tile-width, 35px);height:var(--board-tile-height, 48px);transition:left .12s ease-out,top .12s ease-out}.placed-tile .tile--compact{width:100%;height:100%}.placed-tile:has(.tile--selected){z-index:5}.placed-tile--selected:before{content:"";position:absolute;z-index:-1;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:8px;background:#ffe1c1eb}.placed-tile--from-table .tile{background:#f3f7ef;box-shadow:2px 3px #173b5729,inset 0 -3px #237b7a1a}.placed-tile--from-hand .tile{outline:2px solid rgba(233,111,81,.82);outline-offset:1px;background:#fff9e8}.placed-tile--from-hand:after{content:"新";position:absolute;z-index:6;left:-5px;top:-6px;width:14px;height:14px;display:grid;place-items:center;border:1px solid #fff8e7;border-radius:50%;background:var(--coral);color:#fff;font-size:8px;font-weight:900;pointer-events:none;box-shadow:1px 2px #173b572e}.placed-tile--preview-active{z-index:7;animation:preview-step .48s ease-out}.placed-tile--preview-active .tile{outline:3px solid rgba(244,201,93,.9);outline-offset:2px;box-shadow:3px 6px #173b5733}.placed-tile--motion-origin{opacity:.32}.placed-tile--motion{z-index:12;pointer-events:none;animation:bot-tile-motion .5s ease-in-out both}@keyframes bot-tile-motion{0%{transform:translate(var(--motion-from-x),var(--motion-from-y)) scale(1.08)}to{transform:translate(0)}}@keyframes preview-step{0%{transform:translateY(-12px) rotate(2deg) scale(1.08)}65%{transform:translateY(2px) rotate(-1deg)}to{transform:none}}.proximity-note{position:absolute;left:28px;bottom:12px;padding:4px 9px;border-radius:12px;background:#fffaf0cc;color:#6f837d;font-size:10px;font-weight:700;pointer-events:none}.proximity-note--watching{color:var(--ocean-dark);background:#e8f6efe6}.empty-table{position:absolute;z-index:1;inset:80px 0 auto;display:grid;justify-items:center;color:#71908b;pointer-events:none}.empty-table span{font-family:serif;font-size:58px;color:var(--ocean)}.empty-table strong{font-size:17px}.empty-table small{margin-top:5px}.tile{position:relative;width:46px;height:46px;flex:0 0 auto;padding:0;border:2px solid #294b5c;border-radius:7px 5px 8px;display:grid;place-items:center;background:#fffdf7;box-shadow:2px 3px #173b5736,inset 0 -3px #cdbf9d40;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .12s,box-shadow .12s}.tile:hover{transform:translateY(-3px);box-shadow:4px 7px #173b572e;z-index:2}.tile:active{cursor:grabbing}.tile--selected{outline:4px solid var(--coral)!important;outline-offset:1px;z-index:4}.tile__number{font-family:ui-rounded,Arial Rounded MT Bold,sans-serif;font-size:25px;font-weight:900;line-height:1}.tile__marker{position:absolute;left:4px;bottom:4px;width:6px;height:6px;background:currentColor}.tile--ocean .tile__marker{border-radius:50%}.tile--sun .tile__marker{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid currentColor;background:transparent}.tile--ink .tile__marker{transform:rotate(45deg)}.tile--coral{color:#d84f3d}.tile--ocean{color:#147c9b}.tile--sun{color:#cf8700}.tile--ink{color:#263640}.tile--joker{color:var(--coral);background:linear-gradient(145deg,#fffdf7,#fff1ca)}.tile__joker{font-size:27px;text-shadow:1px 1px 0 var(--sun)}.tile--compact{width:35px;height:35px}.tile--compact .tile__number{font-size:var(--board-number-size, 21px)}.tile--compact .tile__joker{font-size:var(--board-joker-size, 25px)}.drag-preview{position:fixed;z-index:80;width:var(--board-tile-width, 35px);height:var(--board-tile-height, 35px);pointer-events:none;transform:scale(1.06);filter:drop-shadow(8px 10px 6px rgba(23,59,87,.2))}.drag-preview .tile{transform:none!important;outline:3px solid rgba(244,201,93,.7)}.rack-area{width:min(1180px,calc(100% - 24px));margin:14px auto 0}.rack-heading{padding:0 4px 7px;display:flex;align-items:end;justify-content:space-between;gap:12px}.rack-heading>div:first-child{display:grid}.rack-heading>div:first-child>span{font-size:13px;font-weight:800}.rack-heading small{color:var(--muted);font-size:10px}.rack-meta{display:flex;align-items:center;gap:9px}.rack-count{min-width:34px;color:var(--muted);font-size:12px;text-align:right}.rack-sort-toggle{min-height:31px;padding:4px 8px;display:flex;align-items:center;gap:5px;border:1.5px solid var(--line);border-radius:10px 8px 11px;background:#fff8e7;box-shadow:2px 2px #173b571f;color:var(--ink);cursor:pointer}.rack-sort-toggle:hover{background:#e9f4e9;transform:translateY(-1px)}.rack-sort-toggle span{color:var(--muted);font-size:9px}.rack-sort-toggle b{font-size:12px}.rack-sort-toggle i{color:var(--coral-dark);font-size:14px;font-style:normal}.tile-rack{--rack-tile-size: 46px;min-height:calc(var(--rack-tile-size) + 28px);padding:12px 16px 16px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:8px 4px;overflow:visible;border:2px solid var(--line);border-radius:16px 13px 18px 12px;background-color:#c79661;background-image:linear-gradient(to bottom,#cf9f66 0 8px,#9e6d46 8px 13px,transparent 13px);background-size:100% calc(var(--rack-tile-size) + 16px);background-repeat:repeat-y;box-shadow:inset 0 -7px #6739252b,4px 5px #173b5729}.rack-tile{position:relative;width:var(--rack-tile-size);height:var(--rack-tile-size);flex:0 0 auto}.tile-rack .tile{width:var(--rack-tile-size);height:var(--rack-tile-size)}.tile-rack .tile__number{font-size:25px}.tile-rack .tile__joker{font-size:27px}.rack-tile--just-drawn{z-index:6;animation:just-drawn-bounce .65s ease-out}.rack-tile--just-drawn .tile{outline:3px solid rgba(244,201,93,.95);outline-offset:2px;background:#fff8d9;box-shadow:0 0 0 5px #f4c95d38,4px 7px #173b5733}.rack-tile__drawn-label{position:absolute;z-index:8;left:50%;top:-10px;padding:2px 5px;border:1px solid #fff8e7;border-radius:8px 6px 8px 5px;background:var(--sun);color:var(--ink);font-size:8px;font-weight:900;line-height:1.15;white-space:nowrap;pointer-events:none;transform:translate(-50%) rotate(-2deg);box-shadow:1px 2px #173b5729}@keyframes just-drawn-bounce{0%{transform:translateY(10px) rotate(2deg) scale(.9)}55%{transform:translateY(-8px) rotate(-1deg) scale(1.08)}78%{transform:translateY(2px) rotate(.5deg)}to{transform:none}}.tile-rack--target{outline:4px solid rgba(57,167,161,.25)}.turn-actions{padding-top:12px;display:flex;justify-content:space-between;gap:10px}.draft-actions,.primary-actions{display:flex;gap:8px}.draft-actions button{border:0;border-bottom:1px dashed var(--ink);background:none;font-size:12px;font-weight:700;cursor:pointer}.draft-actions button:disabled{opacity:.4;cursor:not-allowed}.primary-actions .button{min-height:44px}.primary-actions .button span{font-size:11px}.game-status{padding:8px;text-align:center;color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:18px;display:grid;place-items:center;background:#173b5794;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:34px;text-align:center}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;background:none;font-size:28px;cursor:pointer}.modal h2{margin:0 0 24px;font-family:STKaiti,KaiTi,"FangSong",serif;font-size:39px;font-weight:700}.rules-grid{margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.rules-grid article{padding:15px;border:1.5px solid #b7b6a3;border-radius:13px;background:#fffaf0}.rules-grid strong{color:var(--coral-dark)}.rules-grid p{margin:6px 0 0;color:#506977;font-size:13px;line-height:1.55}.score-modal{width:min(520px,100%)}.score-sun{width:64px;height:64px;margin:0 auto 8px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--sun);font-size:34px;animation:sun-spin 8s linear infinite}@keyframes sun-spin{to{transform:rotate(360deg)}}.score-list{margin:0 0 20px;display:grid;gap:7px}.score-row{min-height:48px;padding:6px 12px;display:grid;grid-template-columns:28px 1fr auto 55px;align-items:center;gap:7px;border:1.5px solid #b8b9a7;border-radius:10px;text-align:left}.score-row span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8e4d9;font-size:11px}.score-row small{color:var(--muted)}.score-row b{text-align:right}.score-row--winner{border-color:var(--coral);background:#fff0d5}.score-row--winner span{background:var(--sun)}.score-modal>p:last-child{margin-bottom:0;color:var(--muted);font-size:12px}.score-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.confetti>i{position:fixed;top:-20px;width:13px;height:30px;background:var(--coral);animation:confetti-fall 3s linear infinite}.confetti>i:nth-child(1){left:10%;animation-delay:-.4s}.confetti>i:nth-child(2){left:25%;background:var(--sun);animation-delay:-1.7s}.confetti>i:nth-child(3){left:43%;background:var(--ocean);animation-delay:-.9s}.confetti>i:nth-child(4){left:62%;background:#fff6df;animation-delay:-2.1s}.confetti>i:nth-child(5){left:78%;background:var(--coral);animation-delay:-1.2s}.confetti>i:nth-child(6){left:92%;background:var(--sun);animation-delay:-.2s}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(470deg)}}@media(max-width:820px){.home{padding:30px 18px 50px;grid-template-columns:1fr;gap:22px}.hero-paper{padding:40px 26px 30px}.hero-paper__stamp{top:17px;right:18px}.home-note{max-width:580px;margin:auto}.player-grid{grid-template-columns:1fr 1fr}.game-topbar{grid-template-columns:1fr auto;padding:0 12px}.game-topbar>.top-pill{display:none}.players-strip{justify-content:flex-start;padding-inline:10px}.mini-player{min-width:152px}.turn-actions{flex-direction:column}.primary-actions{width:100%}.primary-actions .button{flex:1}}@media(max-width:520px){.paper-decor span:nth-child(2){opacity:.35}.hero-paper h1{font-size:58px;line-height:.96;white-space:nowrap}.hero-copy{font-size:15px}.hero-paper__stamp{top:-14px;right:18px;font-size:9px;background:var(--paper)}.join-row{grid-template-columns:1fr}.room-page{padding:18px 12px 40px}.room-card{margin-top:22px;padding:28px 14px}.room-code{grid-template-columns:auto auto}.room-code small{grid-column:1 / -1}.player-seat{min-height:150px}.player-seat .avatar{width:60px;height:60px}.game-topbar{height:52px}.game-topbar .brand-mini{font-size:15px}.brand-mini__sun{width:29px;height:29px}.top-actions span{display:none}.players-strip{min-height:66px;padding-block:6px}.mini-player{min-width:135px;padding:4px 7px}.mini-player .avatar{width:40px;height:40px}.mini-player span{font-size:9px}.turn-timer{width:33px;min-width:33px;height:33px;font-size:11px}.table-paper{width:calc(100% - 12px);border-radius:24px 19px 27px 20px;overflow:hidden}.meld-canvas{min-width:0}.empty-table{left:18px;right:auto;width:300px;top:115px}.table-label{position:sticky;left:12px;margin-left:12px}.rack-area{width:calc(100% - 12px)}.rack-heading small{display:none}.rack-heading{align-items:center}.rack-meta{gap:6px}.rack-sort-toggle{min-height:29px;padding-inline:7px}.rack-sort-toggle span{display:none}.tile-rack{--rack-tile-size: 40px;padding:12px 9px 16px;min-height:calc(var(--rack-tile-size) + 28px);gap:7px 4px}.tile{width:40px;height:40px}.tile__number{font-size:23px}.draft-actions{justify-content:space-around}.primary-actions .button{padding-inline:10px;font-size:13px}.rules-grid{grid-template-columns:1fr}.modal{padding:30px 18px}.modal h2{font-size:32px}.score-row{grid-template-columns:24px 1fr 50px}.score-row small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}