:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans TC",sans-serif;color:#f7f8ff;background:#091326;font-synthesis:none;--ink:#0a1428;--ink2:#10203a;--cream:#f7f6ef;--muted:#95a8be;--active:#ef5e58;--red:#f05259;--blue:#378ef2;--green:#26b784;--yellow:#f0bd3f}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-width:320px;margin:0;min-height:100vh;background:radial-gradient(ellipse 90% 80% at 50% -25%,#203e62 0%,transparent 72%),#081225}button{font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible{outline:3px solid #f9e98e;outline-offset:4px}button:disabled{cursor:not-allowed}#app{min-height:100vh;padding:0 max(16px,env(safe-area-inset-left)) env(safe-area-inset-bottom);overflow:hidden}.topbar{max-width:1500px;height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff19}.brand{display:flex;gap:14px;align-items:center;flex:none}.brand-icon{display:grid;place-items:center;width:48px;height:60px;border:3px solid #fff;outline:3px solid #162b45;border-radius:13px;background:linear-gradient(145deg,#fb7165,#d73347);font-size:42px;font-weight:1000;font-style:italic;transform:rotate(-9deg);box-shadow:0 10px 25px #0005,0 0 25px #ef525531}.brand-title{font-size:24px;line-height:1.05;letter-spacing:-1.2px;font-weight:1000;white-space:nowrap}.brand-title span{color:#ffdc88;font-weight:800}.brand-sub{font-weight:800;letter-spacing:2.7px;font-size:9px;color:#9baec7;margin-top:7px}.brand-star{color:#efc35c}.toolbar{display:flex;align-items:center;gap:10px}.network-label{font-weight:700;letter-spacing:1px;font-size:10px;color:#7193b0;margin-right:10px}.icon-button,.primary-outline{min-height:40px;color:#f7f8ff;border:1px solid #54627c80;background:#ffffff0c;border-radius:13px;font-size:13px;font-weight:800;padding:0 13px;transition:background .15s,transform .15s}.icon-button:hover,.primary-outline:hover{background:#ffffff20;transform:translateY(-1px)}.icon-only{font-size:20px;width:42px;padding:0}.primary-outline{padding:0 17px;background:linear-gradient(120deg,#1f3656,#182a46)}.game-shell{max-width:1400px;margin:0 auto}.status-strip{height:65px;display:flex;justify-content:space-between;gap:15px;align-items:center}.status-name{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#8ea5c4}.mode-name{font-size:14px;letter-spacing:.7px;font-weight:1000;color:#f6df9b}.mode-divider{height:14px;width:1px;background:#5b7290}.turn-indicator{font-size:11px;font-weight:900;letter-spacing:.5px;color:#c5d7ed}.status-stat-row{display:flex;gap:10px}.mini-stat{display:flex;gap:7px;align-items:center;color:#c3d2e2;border:1px solid #ffffff1d;background:#ffffff09;border-radius:9px;font-size:11px;padding:8px 12px}.mini-stat strong{color:#f9fbff;font-size:12px}.arena{position:relative;isolation:isolate;overflow:hidden;min-height:440px;height:min(53vw,520px);max-height:580px;border:1px solid #557c824e;border-radius:32px;background:radial-gradient(ellipse 70% 68% at 50% 50%,#174b4a 0%,#133b3c 52%,#08242e 87%,#0b2337 100%);box-shadow:inset 0 0 70px #021c2d88,0 23px 60px #0005;--active:#ef5e58}.arena:before{content:"";position:absolute;inset:15px;border:1.5px solid #a0dbba1c;border-radius:25px;pointer-events:none}.arena:after{content:"";position:absolute;inset:27px;border:1px dashed #b1ddbe10;border-radius:19px;pointer-events:none}.arena-grain{position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:radial-gradient(#ffffff17 0.7px,transparent .7px);background-size:11px 11px;mask-image:radial-gradient(ellipse,#000 10%,transparent 100%)}.three-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:.8}.table-decoration{position:absolute;top:50%;left:50%;width:350px;height:350px;border:1px solid #ffffff1b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px #0d394133,inset 0 0 34px #2b62701f;pointer-events:none}.table-decoration:before{content:"";position:absolute;inset:22px;border-radius:50%;border:2px solid #fcf2c20c}.table-decoration-inner{position:absolute;inset:70px;border-radius:50%;border:1px dashed #c3d9b213}.turn-capsule{position:absolute;z-index:2;top:116px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;min-height:31px;border:1px solid #d0e7d033;border-radius:40px;padding:6px 14px;font-weight:900;font-size:11px;white-space:nowrap;background:#071d2fb8;color:#eaf7e7;box-shadow:0 4px 16px #0002}.turn-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--active);box-shadow:0 0 12px var(--active)}.center-stack{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-40%);display:flex;align-items:center;gap:18px}.pile-column{display:flex;flex-direction:column;align-items:center;gap:11px}.pile-caption{color:#b6d7d4;letter-spacing:2.1px;font-size:9px;font-weight:950;text-shadow:0 1px 6px #000a;text-transform:uppercase}.center-spark{font-size:24px;color:#9cdbcf7a;margin-top:-23px}.pile-button{position:relative;display:block;width:105px;height:153px;border:0;border-radius:16px;transform:rotate(-7deg);padding:0;background:transparent;transition:transform .2s,filter .2s}.pile-button:hover:not(:disabled){transform:rotate(-7deg) translateY(-7px);filter:brightness(1.1)}.pile-button:disabled{opacity:.72}.pile-button:before,.pile-button:after{content:"";position:absolute;inset:0;border:3px solid #f6f8fc;border-radius:15px;background:#182d52;box-shadow:0 8px 24px #0215207a}.pile-button:before{transform:translate(-6px,5px)}.pile-button:after{transform:translate(-3px,2px)}.pile-back{position:absolute;z-index:1;inset:0;border:3px solid #f7f9fb;border-radius:15px;background:repeating-linear-gradient(32deg,#162a52 0 12px,#1a3768 12px 14px);box-shadow:0 8px 25px #031623aa;display:grid;place-items:center;overflow:hidden}.pile-back:before{content:"";position:absolute;width:85px;height:110px;border:3px solid #f7f9fb66;border-radius:50%;transform:rotate(-24deg);background:linear-gradient(130deg,#f05858,#e7a043)}.pile-back b{z-index:1;font-size:38px;font-weight:1000;font-style:italic;text-shadow:3px 4px #a5303e;transform:rotate(-20deg)}.deck-number{position:absolute;z-index:2;right:-8px;top:-9px;background:#ffffff;color:#102443;border-radius:25px;padding:4px 8px;font-size:11px;font-weight:1000;transform:rotate(7deg)}.table-bottom{position:absolute;z-index:2;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;max-width:calc(100% - 30px);width:max-content;padding:8px 15px;border-radius:30px;background:#061f2caf;border:1px solid #c4e8da21;color:#dbefe8;font-size:11px;font-weight:750;box-shadow:0 6px 25px #0002}.opponents{position:absolute;inset:0;pointer-events:none;z-index:3}.opponent{position:absolute;display:flex;align-items:center;gap:10px;padding:7px 11px 7px 7px;background:#0a2336ed;border:1px solid #9cb7b534;border-radius:14px;box-shadow:0 5px 17px #0005;min-width:126px;transition:border-color .25s,box-shadow .25s}.opponent.current{border-color:#f8da83a3;box-shadow:0 0 22px #f4cf5c3c,0 6px 16px #0005}.opponent.top{top:15px;left:50%;transform:translateX(-50%)}.opponent.left{left:19px;top:29%}.opponent.right{right:19px;top:29%}.op-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#3d607a,#17324e);border:1px solid #75a3a64d;font-size:19px}.opponent.current .op-avatar{background:linear-gradient(135deg,#d2a44e,#784a3c)}.op-name{font-size:11px;font-weight:1000;letter-spacing:.3px}.op-count{font-weight:750;font-size:10px;color:#b6cbdb;margin-top:3px}.op-cards{display:flex;gap:0;margin-left:4px}.op-back{width:14px;height:23px;border-radius:3px;margin-left:-7px;border:1.5px solid #fff5e5;background:linear-gradient(135deg,#f06b65 0 45%,#1c416f 45% 100%);transform:rotate(-9deg)}.op-back:nth-child(2){transform:rotate(0deg)}.op-back:nth-child(3){transform:rotate(9deg)}.player-section{padding-top:18px}.player-heading{display:flex;align-items:center;justify-content:space-between;min-height:57px}.player-identity{display:flex;gap:13px;align-items:center}.player-avatar{height:44px;width:44px;border-radius:15px;display:grid;place-items:center;border:1px solid #e2f2ff50;background:linear-gradient(135deg,#233b72,#5e518d);font-size:26px;box-shadow:0 5px 15px #0004}.player-caption{display:flex;align-items:center;gap:12px;margin-top:6px;color:#d8e2eb;font-size:11px;font-weight:900}.hand-helper{color:#f5d68b;font-size:11px;font-weight:700}.uno-indicator{transform:rotate(8deg);background:linear-gradient(135deg,#ffe27c,#ff9d55);color:#35213b;padding:8px 16px;border-radius:12px;font-weight:1000;letter-spacing:2px;box-shadow:0 5px 20px #eaa45858}.hand-scroll{position:relative;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7e9ba251 transparent;scroll-behavior:smooth;padding:13px 1px 10px}.hand{display:flex;justify-content:center;align-items:center;min-height:165px;width:100%;min-width:max-content;padding:0 12px}.hand-card{--card-color:#e95455;display:flex;flex-shrink:0;position:relative;flex-direction:column;justify-content:space-between;width:105px;height:153px;padding:9px;border:3px solid #fffdf8;border-radius:15px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--card-color),white 15%),var(--card-color) 46%,color-mix(in srgb,var(--card-color),black 30%));box-shadow:1px 8px 15px #0008,inset 0 0 0 1px #ffffff44;transition:transform .18s,filter .18s,box-shadow .18s;touch-action:manipulation;user-select:none}.hand-card+.hand-card{margin-left:-22px}.hand-card:hover:not(:disabled){z-index:5;transform:translateY(-15px) rotate(-2deg);box-shadow:0 10px 25px #000b,0 0 14px #ffe8a35a}.hand-card:active:not(:disabled){transform:translateY(-6px) scale(.98)}.hand-card.can-play{box-shadow:0 8px 17px #0009,0 0 0 2px #fee7a1a8,0 0 23px color-mix(in srgb,var(--card-color),transparent 60%);cursor:pointer}.hand-card:disabled{filter:saturate(.55) brightness(.65);opacity:.85}.hand-card.is-drawn{outline:3px solid #ffdc77;outline-offset:4px}.hand-card--small{width:110px;height:158px;transform:rotate(7deg);pointer-events:none;box-shadow:0 10px 26px #000b}.hand-card--small:hover{transform:rotate(7deg)}.hand-card.color-red{--card-color:#eb4f5a}.hand-card.color-yellow{--card-color:#e7ad25}.hand-card.color-green{--card-color:#22aa78}.hand-card.color-blue{--card-color:#3285ef}.hand-card.color-wild{--card-color:#24304b;background:linear-gradient(140deg,#1c2c4a,#182135 50%,#101725)}.hand-card.color-wild:before{content:"";position:absolute;inset:5px;border-radius:10px;background:conic-gradient(#f1b832 0 25%,#3694ec 25% 50%,#31b979 50% 75%,#f15b5b 75%);opacity:.65;clip-path:polygon(0 0,100% 0,100% 8%,0 8%,0 92%,100% 92%,100% 100%,0 100%)}.hand-card .corner-top,.hand-card .corner-bottom{z-index:1;position:relative;text-align:left;font-size:24px;line-height:1;font-weight:1000;text-shadow:1px 2px #0004}.hand-card .corner-bottom{transform:rotate(180deg)}.hand-card .card-oval{z-index:1;position:absolute;top:50%;left:50%;width:75%;height:61%;border-radius:50%;transform:translate(-50%,-50%) rotate(-26deg);background:#f9fafff0;display:grid;place-items:center;box-shadow:0 2px 6px #0002}.hand-card .card-symbol{display:block;transform:rotate(26deg);font-weight:1000;font-style:italic;line-height:1;font-size:52px;color:var(--card-color);text-shadow:1px 2px #0001}.hand-card.color-wild .card-symbol{background:conic-gradient(#eebe3f 0 25%,#327ff4 25% 50%,#24b97d 50% 75%,#ee5559 75%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:47px}.hand-card .card-symbol.symbol-small{font-size:38px}.hand-card-back{background:linear-gradient(135deg,#133963,#162143);color:#fff;border-color:#d9f3f7;display:grid;place-items:center;font-size:22px;font-weight:1000;transform:rotate(-2deg)}.hand-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 6px;min-height:46px}.play-tip{color:#9fb5c9;font-size:12px;max-width:55%;line-height:1.45}.actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.action-button{border:1px solid #71819e54;border-radius:14px;background:#223754;color:#edf5ff;min-width:120px;min-height:45px;padding:10px 17px;font-size:12px;font-weight:900;box-shadow:0 6px 15px #0003;transition:transform .16s,background .16s}.action-button:hover:not(:disabled){transform:translateY(-2px);background:#324b6e}.action-button:disabled{opacity:.43}.action-button.primary{color:#122035;border:0;background:linear-gradient(135deg,#ffeb9e,#f9ba56);box-shadow:0 7px 20px #bd903d42}.action-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#fff0ac,#fac56d)}.action-button.danger{background:linear-gradient(125deg,#fd7768,#e84559);color:#fff;border:0}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:24px 3px 22px;color:#728aa5;font-weight:900;font-size:10px;letter-spacing:2px}.toast{position:fixed;z-index:105;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111b31;border:1px solid #e8c78380;color:#fdf4d7;box-shadow:0 8px 35px #0009;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s}.toast.shown{transform:translate(-50%,0);opacity:1}.overlay-root:empty{display:none}.overlay-root{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#020c1bd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto}.modal{width:min(660px,100%);max-height:min(92dvh,850px);overflow:auto;border-radius:26px;border:1px solid #95b5ca39;background:linear-gradient(160deg,#1c314b 0%,#0e1a33 65%,#0a1427 100%);box-shadow:0 28px 110px #000c,0 0 90px #4f8abc25;padding:28px;position:relative;overscroll-behavior:contain}.modal-narrow{width:min(470px,100%)}.modal-topline{color:#e1c381;letter-spacing:3.5px;font-size:10px;font-weight:1000;margin-bottom:14px}.modal-title{font-size:clamp(25px,5vw,38px);font-weight:1000;letter-spacing:-1.1px;line-height:1.16;margin:0}.modal-title em{color:#ffe2a0;font-style:normal}.modal-subtitle{font-size:13px;color:#bbcade;line-height:1.6;margin:10px 0 22px}.modal-close{position:absolute;right:17px;top:17px;width:34px;height:34px;border-radius:9px;border:1px solid #ffffff30;color:#e8f6ff;background:#ffffff12;font-size:19px;display:grid;place-items:center}.modal-section-label{color:#cedbf0;font-size:10px;font-weight:1000;letter-spacing:2px;margin:23px 0 11px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-option{position:relative;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:155px;padding:14px 12px;border-radius:16px;border:1px solid #7a8da750;background:#1b2d4a;color:#fff;transition:background .16s,border-color .16s,transform .16s}.mode-option:hover{transform:translateY(-2px);background:#243f60}.mode-option.selected{border-color:#ffe08b;background:linear-gradient(135deg,#314261,#1d3454);box-shadow:inset 0 0 0 1px #f9dc7a44,0 0 18px #f6c75c1b}.mode-emoji{font-size:25px}.mode-title{font-size:13px;font-weight:1000}.mode-description{font-size:11px;font-weight:550;color:#b9c9da;line-height:1.5}.mode-check{position:absolute;right:10px;top:10px;color:#ffe08b;font-size:16px;font-weight:1000}.player-options{display:flex;gap:10px;flex-wrap:wrap}.choice-chip{flex:1;min-height:43px;min-width:110px;border:1px solid #71819e65;border-radius:11px;background:#1c2b46;color:#ebf3fd;font-weight:900;font-size:12px;padding:9px 12px}.choice-chip.selected{color:#1b253c;background:#ffdf8e;border-color:#ffdf8e}.cpu-count-row{display:flex;gap:8px;margin-top:11px}.cpu-choice{flex:1;min-height:40px;border:1px solid #7f92aa70;background:#0c233d;border-radius:10px;color:#d5e9f1;font-size:12px;font-weight:800}.cpu-choice.selected{border-color:#f6dd92;background:#193f50;color:#ffeaa9}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions .action-button{flex:1}.modal-note{margin-top:15px;color:#8399b0;font-size:10px;line-height:1.5}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 10px}.color-picker{height:90px;border:3px solid #ffffffcc;border-radius:18px;box-shadow:inset 0 -6px 16px #0003,0 5px 15px #0005;color:#fff;text-shadow:0 2px 5px #0006;font-size:14px;font-weight:1000}.color-picker:hover{transform:translateY(-4px)}.color-picker.red{background:#ed4a59}.color-picker.blue{background:#368aec}.color-picker.green{background:#25a879}.color-picker.yellow{background:#edb736}.swap-grid{display:grid;gap:10px;margin-top:18px}.swap-target{border:1px solid #6d829e80;border-radius:13px;background:#1b3451;text-align:left;color:#fff;padding:16px;font-size:14px;font-weight:900}.swap-target span{color:#f5d37e;float:right}.handoff-icon{margin:5px auto 20px;width:82px;height:96px;border:5px solid #ffffffce;border-radius:17px;background:linear-gradient(135deg,#ec5a57,#db9946);font-size:65px;font-weight:1000;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 6px 28px #0005}.handoff-center{text-align:center}.handoff-center .modal-actions{margin-top:26px}.rules-list{margin:6px 0 15px;padding:0;list-style:none;counter-reset:rules;display:grid;gap:11px}.rules-list li{position:relative;counter-increment:rules;padding:11px 13px 11px 43px;border-radius:12px;background:#142740;color:#d3e3ef;line-height:1.6;font-size:12px}.rules-list li:before{content:counter(rules);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#f3d184;color:#1f233a;font-weight:1000;font-size:11px}.result-modal{text-align:center;width:min(440px,100%);padding:32px 24px}.result-emblem{position:relative;margin:10px auto 22px;width:112px;height:112px;background:radial-gradient(circle,#ffe58b,#eda14e);border:4px solid #fff2d0;border-radius:50%;display:grid;place-items:center;font-size:58px;box-shadow:0 0 80px #f4c65a69,0 10px 20px #0004}.result-emblem.lose{background:radial-gradient(circle,#91b2e1,#5973b9);box-shadow:0 0 60px #7b98d84b}.result-subline{color:#adbed1;margin:13px 0 20px;font-size:12px}.result-stat-row{display:flex;gap:10px;justify-content:center;margin:21px 0}.result-stat{flex:1;padding:14px 9px;border:1px solid #8c9dad48;border-radius:13px;background:#ffffff0c}.result-stat strong{display:block;font-size:21px;font-weight:1000;color:#ffe3a2}.result-stat span{display:block;font-size:10px;font-weight:850;color:#adbfd2;margin-top:5px}.result-modal .modal-actions{flex-wrap:wrap}.result-modal .modal-actions .action-button{min-width:125px}.result-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:26px}.result-confetti i{position:absolute;top:-15px;left:var(--left);height:var(--size);width:var(--size);border-radius:2px;background:var(--hue);animation:confetti var(--speed) linear infinite;animation-delay:var(--delay);transform:rotate(var(--rot))}@keyframes confetti{to{transform:translateY(550px) rotate(620deg);opacity:0}}.pulse{animation:softpulse 1.4s ease-in-out infinite}@keyframes softpulse{50%{filter:brightness(1.2);box-shadow:0 0 20px #efd57d5b}}.arena[data-color=red]{--active:#ee5a61}.arena[data-color=yellow]{--active:#f6d05b}.arena[data-color=green]{--active:#3bd49a}.arena[data-color=blue]{--active:#58b0f3}
@media(max-width:900px){.network-label{display:none}.arena{height:480px}.opponent.left{left:10px}.opponent.right{right:10px}.status-strip{height:64px}.hand-card+.hand-card{margin-left:-17px}}
@media(max-width:650px){#app{padding-left:10px;padding-right:10px}.topbar{height:75px;gap:8px}.brand{gap:9px}.brand-icon{width:36px;height:46px;font-size:33px;border-width:2px;border-radius:10px}.brand-title{font-size:18px}.brand-sub{font-size:7px;letter-spacing:1.35px;margin-top:5px}.toolbar{gap:5px}.icon-button,.primary-outline{min-height:37px;font-size:12px;padding:0 9px;border-radius:10px}.icon-only{width:34px;font-size:16px;padding:0}.primary-outline{width:39px;padding:0;font-size:19px}.primary-outline span{display:none}.status-strip{height:57px}.status-name{gap:7px}.status-name>.eyebrow{display:none}.mode-name{font-size:11px}.mode-divider{height:11px}.turn-indicator{font-size:10px}.status-stat-row{gap:5px}.mini-stat{padding:6px 7px;font-size:10px;gap:3px}.mini-stat strong{font-size:10px}.arena{min-height:390px;height:45dvh;max-height:440px;border-radius:20px}.arena:before{inset:9px;border-radius:15px}.arena:after{inset:16px;border-radius:13px}.table-decoration{width:240px;height:240px}.table-decoration-inner{inset:40px}.opponent{min-width:auto;gap:5px;padding:6px;border-radius:10px}.opponent.top{top:12px}.opponent.left{left:9px;top:22%}.opponent.right{right:9px;top:22%}.op-avatar{width:27px;height:27px;border-radius:8px;font-size:16px}.op-name{font-size:9px}.op-count{font-size:9px}.op-cards{display:none}.turn-capsule{top:108px;padding:6px 10px;font-size:10px}.center-stack{gap:11px;transform:translate(-50%,-30%)}.center-spark{font-size:18px;margin-top:-20px}.pile-button{width:86px;height:124px;border-radius:13px}.pile-button:before,.pile-button:after,.pile-back{border-radius:12px}.pile-back b{font-size:33px}.pile-back:before{width:65px;height:85px}.deck-number{font-size:9px}.hand-card--small{width:88px;height:128px}.hand-card--small .corner-top,.hand-card--small .corner-bottom{font-size:19px}.hand-card--small .card-symbol{font-size:43px}.hand-card--small .card-symbol.symbol-small{font-size:29px}.pile-caption{font-size:8px;letter-spacing:1.4px}.table-bottom{font-size:9px;bottom:12px;padding:7px 10px}.player-section{padding-top:9px}.player-heading{min-height:47px}.player-avatar{width:35px;height:35px;border-radius:11px;font-size:21px}.player-identity{gap:9px}.eyebrow{font-size:9px}.player-caption{font-size:10px;gap:8px}.hand-helper{font-size:10px}.hand-scroll{padding:12px 1px 7px}.hand{justify-content:flex-start;min-height:126px;padding:0 8px}.hand-card{width:81px;height:119px;border-radius:12px;border-width:2px;padding:6px}.hand-card+.hand-card{margin-left:5px}.hand-card .corner-top,.hand-card .corner-bottom{font-size:18px}.hand-card .card-symbol{font-size:41px}.hand-card .card-symbol.symbol-small{font-size:27px}.hand-footer{flex-direction:column;align-items:stretch;gap:10px}.play-tip{max-width:none;font-size:11px;min-height:15px}.actions{justify-content:stretch}.action-button{flex:1;min-width:0;min-height:42px;padding:9px 12px}.app-footer{font-size:8px;letter-spacing:1px;padding-top:14px}.app-footer span:nth-child(2){display:none}.modal{padding:23px 17px;border-radius:20px;max-height:93dvh}.modal-title{font-size:27px}.modal-subtitle{margin:9px 0 14px}.mode-grid{gap:6px}.mode-option{padding:10px 7px;min-height:148px;border-radius:11px}.mode-emoji{font-size:21px}.mode-title{font-size:11px}.mode-description{font-size:10px}.modal-section-label{margin:18px 0 9px}.modal-topline{letter-spacing:2px}.modal-actions{margin-top:16px}.color-picker{height:74px;border-radius:12px}.result-modal{padding:27px 18px}.result-stat-row{gap:6px}.result-stat{padding:11px 5px}.result-stat strong{font-size:19px}}
@media(max-width:365px){.brand-sub{display:none}.mode-name{font-size:10px}.mode-divider{display:none}.status-stat-row .mini-stat:nth-child(2){display:none}.arena{height:390px}.opponent.left,.opponent.right{top:22%}.turn-capsule{top:103px}.center-stack{transform:translate(-50%,-22%)}.hand-card{width:76px;height:114px}.hand-card .card-symbol{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}