:root{--ruby: #ff4b5f;--sapphire: #3f8cff;--emerald: #26ce88;--sun-gold: #ffd15c;--violet-950: #120626;--violet-900: #211047;--violet-800: #35166e;--violet-700: #5527a7;--gold-500: #f5bc42;--gold-300: #ffe49a;--cream: #fff9e9;--muted: #cbbde5;--glass: rgba(29, 13, 61, .72);--glass-strong: rgba(20, 8, 43, .92);--glass-border: rgba(255, 226, 151, .28);--shadow: rgba(6, 1, 17, .58);--color-red: var(--ruby);--color-blue: var(--sapphire);--color-green: var(--emerald);--color-yellow: var(--sun-gold)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-width:260px;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}body{color:var(--cream);background:radial-gradient(circle at 50% 55%,rgba(210,145,46,.2),transparent 26%),linear-gradient(145deg,var(--violet-950),#2b0f57 48%,#6e451d 130%);font-family:Outfit,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button,select,input[type=checkbox],input[type=range]{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(255,222,127,.9);outline-offset:3px}#magic-sky,#canvas-container,#ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh}#magic-sky{z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 57%,rgba(255,193,74,.2),transparent 22%),radial-gradient(circle at 18% 20%,rgba(103,73,220,.38),transparent 31%),linear-gradient(158deg,#130629,#271052 48%,#573a26 130%)}#magic-sky:after{position:absolute;top:42%;right:-8%;bottom:-26%;left:-8%;border:1px solid rgba(255,224,141,.18);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 8%,rgba(255,218,125,.035) 8.4% 8.7%),linear-gradient(160deg,#5c2b898c,#341550c7);box-shadow:inset 0 30px 80px #ffc44814,0 -15px 70px #bb6eff2e;content:"";transform:perspective(700px) rotateX(63deg);transform-origin:center top}.star-field,.star-field:before,.star-field:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:radial-gradient(circle at 12% 18%,rgba(255,245,210,.95) 0 1px,transparent 1.8px),radial-gradient(circle at 29% 28%,rgba(214,190,255,.78) 0 1.2px,transparent 2px),radial-gradient(circle at 48% 12%,rgba(255,225,137,.9) 0 1px,transparent 2px),radial-gradient(circle at 67% 24%,rgba(255,255,255,.84) 0 1px,transparent 1.9px),radial-gradient(circle at 83% 14%,rgba(255,218,120,.9) 0 1.3px,transparent 2.2px),radial-gradient(circle at 91% 36%,rgba(207,188,255,.72) 0 1px,transparent 1.8px);background-size:390px 260px;opacity:.72;animation:star-drift 34s linear infinite}.star-field:before{opacity:.42;transform:translate3d(80px,60px,0) scale(1.35);animation-duration:52s}.star-field:after{opacity:.32;transform:translate3d(-40px,100px,0) scale(.82);animation-duration:23s}.aurora{position:absolute;width:78vw;height:16vw;min-height:130px;border-radius:50%;filter:blur(42px);mix-blend-mode:screen;opacity:.2;transform:rotate(-18deg);animation:aurora-float 10s ease-in-out infinite alternate}.aurora-one{top:10%;left:-12%;background:linear-gradient(90deg,transparent,#7658ff,#f2b6ff,transparent)}.aurora-two{top:42%;right:-28%;background:linear-gradient(90deg,transparent,#f0a83b,#fff0a3,transparent);animation-delay:-4s}.table-glow{position:absolute;top:47%;left:50%;width:min(44vw,560px);aspect-ratio:1;border:1px solid rgba(255,216,120,.2);border-radius:50%;box-shadow:0 0 38px #ffc74938,inset 0 0 38px #b870ff1f;transform:translate(-50%,-50%) rotateX(64deg);animation:table-pulse 3.8s ease-in-out infinite}body[data-effects=low] .star-field:before,body[data-effects=low] .star-field:after,body[data-effects=low] .aurora-two{display:none}body[data-effects=high] .star-field,body[data-effects=high] .aurora{opacity:.9}@keyframes star-drift{to{transform:translate3d(42px,28px,0)}}@keyframes aurora-float{to{transform:translate3d(6vw,3vh,0) rotate(-11deg) scale(1.08)}}@keyframes table-pulse{50%{opacity:.58;transform:translate(-50%,-50%) rotateX(64deg) scale(1.08)}}#canvas-container{z-index:1}#canvas-container canvas{display:block;width:100%;height:100%}#ui-layer{z-index:10;pointer-events:none}.hidden{display:none!important}.hud-element{position:absolute;border:1px solid var(--glass-border);border-radius:15px;color:var(--cream);background:linear-gradient(145deg,#572d8b85,#180b34b8),var(--glass);box-shadow:0 12px 34px var(--shadow),inset 0 1px #ffffff1a;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);pointer-events:auto}.top-center{top:max(16px,env(safe-area-inset-top));left:50%;display:flex;min-width:250px;align-items:center;justify-content:center;gap:12px;padding:9px 16px;transform:translate(-50%)}.turn-spark{color:var(--gold-300);font-size:1.15rem;filter:drop-shadow(0 0 8px var(--gold-500));animation:sparkle-pulse 1.5s ease-in-out infinite}.turn-copy,.hud-copy{display:grid;gap:1px}.turn-copy small,.hud-copy small{color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.turn-copy strong,.hud-copy strong{font-size:.88rem;letter-spacing:.035em;line-height:1.2}.direction-arrow{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,222,135,.32);border-radius:50%;color:var(--gold-300);background:#ffcf5917;font-size:1.2rem}#active-color-indicator{display:flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--glass-border);font-size:.68rem;font-weight:900}.active-color-swatch{width:12px;height:12px;border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 10px currentColor}.top-left{top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;padding:9px 14px}.top-left:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.62}.hud-icon{color:var(--gold-300);font-size:1.5rem;line-height:1;transform:rotate(-8deg)}.top-right{top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;padding:11px 15px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.top-right:hover{border-color:#ffe29794;background:#562c89d1;transform:translateY(-2px)}.opponent-rack{position:absolute;top:82px;left:50%;display:grid;width:min(720px,calc(100vw - 36px));grid-template-columns:repeat(var(--opponent-count, 3),minmax(0,1fr));gap:9px;transform:translate(-50%)}.opponent-seat{position:relative;display:grid;min-width:0;height:76px;grid-template-columns:minmax(74px,1fr) minmax(86px,1.1fr);align-items:center;gap:7px;padding:8px 9px;overflow:hidden;border:1px solid rgba(235,218,255,.14);border-radius:14px;background:linear-gradient(150deg,#190c36ad,#35185b61);box-shadow:0 10px 30px #07021140;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.opponent-seat.is-current{border-color:#ffd873b8;box-shadow:0 0 0 1px #ffd36029,0 0 24px #f4b74038;transform:translateY(3px)}.seat-copy{display:grid;min-width:0;gap:2px}.seat-name{overflow:hidden;font-size:.76rem;font-weight:900;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.seat-count{color:var(--muted);font-size:.64rem;font-weight:700}.seat-last-card{color:var(--sun-gold);font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cpu-card-fan{position:relative;width:100%;min-width:78px;height:56px}.mini-card-back{position:absolute;top:5px;left:calc(var(--card-index) * var(--card-step));width:32px;height:46px;border:2px solid #f8e8b5;border-radius:6px;background:radial-gradient(circle at 50% 45%,#f9d468 0 5%,transparent 6%),radial-gradient(circle at 50% 50%,rgba(255,220,124,.28),transparent 40%),linear-gradient(145deg,#753dcc,#25104f);box-shadow:0 2px 8px #02000880;transform:rotate(calc((var(--card-index) - ((var(--card-count) - 1) / 2)) * 1.4deg));transform-origin:center 90%}.mini-card-back:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,228,149,.55);border-radius:50%;color:var(--gold-300);content:"✦";display:grid;place-items:center;font-size:.65rem}.cpu-more{position:absolute;right:0;bottom:0;z-index:5;padding:1px 4px;border-radius:8px;color:#26103f;background:var(--gold-300);font-size:.55rem;font-weight:900}#pile-hints{position:absolute;top:0;right:0;bottom:0;left:0;color:#ffedbba8;font-size:.57rem;font-weight:900;letter-spacing:.18em;text-shadow:0 2px 8px #110628}.pile-hint{position:absolute;top:61%;transform:translate(-50%,-50%)}.pile-hint-draw{left:42%}.pile-hint-discard{left:58%}.message-center{top:170px;left:50%;max-width:min(84vw,560px);padding:8px 15px;color:#fff7df;font-size:.82rem;font-weight:800;text-align:center;transform:translate(-50%)}#announcement-stage{position:absolute;top:31%;left:50%;display:grid;min-width:min(480px,calc(100vw - 32px));place-items:center;gap:3px;padding:15px 28px;overflow:hidden;border:1px solid rgba(255,223,133,.45);border-radius:20px;background:linear-gradient(110deg,#250d4d0f,#431976eb 32%,#643431eb 70%,#250d4d0f);box-shadow:0 0 50px #f2b64840;text-align:center;transform:translate(-50%,-50%);animation:announcement-in 2.5s ease both;pointer-events:none}.announcement-rays{position:absolute;width:320px;height:320px;background:repeating-conic-gradient(from 8deg,rgba(255,230,155,.08) 0 5deg,transparent 5deg 15deg);animation:rays-spin 18s linear infinite}#announcement-kicker,#announcement-text,#announcement-subtext{position:relative;z-index:1}#announcement-kicker{color:var(--gold-300);font-size:.58rem;font-weight:900;letter-spacing:.22em}#announcement-text{color:#fffaf0;font-family:Yeseva One,Georgia,serif;font-size:clamp(1.65rem,4vw,3.1rem);letter-spacing:.035em;line-height:1;text-shadow:0 3px 0 #45135f,0 0 24px rgba(255,218,108,.62)}#announcement-subtext{color:#e7d8ff;font-size:.72rem;font-weight:700}@keyframes announcement-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}18%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(.96)}}@keyframes rays-spin{to{transform:rotate(1turn)}}@keyframes sparkle-pulse{50%{opacity:.55;transform:scale(.8) rotate(25deg)}}.bottom-center{bottom:208px;left:50%;padding:9px 18px;border:1px solid rgba(255,224,141,.52);font-weight:900;transform:translate(-50%)}#last-card-btn{right:max(20px,env(safe-area-inset-right));bottom:220px;padding:13px 18px;border:1px solid rgba(255,234,161,.72);color:#35132a;background:linear-gradient(135deg,#ffe078,#ff6b62);box-shadow:0 12px 30px #ff525c57;font-size:1rem;font-weight:900;letter-spacing:.06em}.pulsing{animation:urgent-pulse 1.35s ease-in-out infinite}@keyframes urgent-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 11px #ffdb6900}}#mobile-hand-area{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;width:100%;height:100dvh;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:auto;background:#0a0319ad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}#settings-modal,#color-picker,#end-screen{z-index:300}.modal-content{width:min(470px,100%);max-height:calc(100dvh - 36px);padding:28px;overflow:auto;border:1px solid var(--glass-border);border-radius:26px;background:radial-gradient(circle at 80% 0%,rgba(149,89,224,.16),transparent 34%),linear-gradient(155deg,#27114cfa,#120826fa);box-shadow:0 28px 90px #03000ca3,inset 0 1px #ffffff14}.modal-content h1,.modal-content h2{font-family:Yeseva One,Georgia,serif;font-weight:400}.modal-content h2{margin-bottom:5px;font-size:1.75rem}.modal-eyebrow{color:var(--gold-300);font-size:.67rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.modal-intro{margin:7px 0 20px;color:var(--muted);font-size:.86rem;line-height:1.45}.text-center{text-align:center}.primary-btn,.secondary-btn,.text-btn,.small-btn,.icon-btn{border:0;color:var(--cream)}.primary-btn,.secondary-btn{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:14px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.primary-btn{color:#2f1633;background:linear-gradient(135deg,#ffe68e,#f1b646 62%,#ff9d57);box-shadow:0 10px 24px #e29c2e47,inset 0 1px #ffffffa8}.secondary-btn{border:1px solid rgba(228,204,255,.24);background:linear-gradient(145deg,#6436a094,#34195bb8)}.primary-btn:hover,.secondary-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.48;transform:none}.text-btn{display:block;margin:15px auto 0;padding:6px 9px;background:transparent;color:var(--muted);font-weight:800}.small-btn{padding:7px 11px;border:1px solid rgba(255,226,151,.25);border-radius:10px;background:#ffffff14;font-size:.76rem;font-weight:800}.icon-btn{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,226,151,.24);border-radius:12px;background:#ffffff14;font-size:1.1rem}.start-screen{z-index:200;padding:0;background:#16072f}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e0422fa,#1d093bd1 38%,#1d093b2b 72%,#0d041d47),linear-gradient(0deg,rgba(14,4,33,.88),transparent 55%),url(/assets/remaster/menu-cover.jpg) 72% center / cover no-repeat;transform:scale(1.012)}.menu-backdrop:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 72%,rgba(17,4,34,.08)),radial-gradient(circle at 75% 40%,transparent 0 24%,rgba(58,20,92,.08) 55%,rgba(16,5,35,.46));content:""}.menu-shell{position:relative;z-index:1;display:grid;width:min(1180px,calc(100% - 64px));grid-template-columns:minmax(350px,.88fr) minmax(430px,.72fr);align-items:center;gap:clamp(38px,8vw,120px);margin:auto}.brand-panel{padding:28px 0;text-shadow:0 4px 24px rgba(6,1,18,.7)}.brand-kicker{display:flex;align-items:center;gap:9px;color:var(--gold-300);font-size:clamp(.68rem,1vw,.82rem);font-weight:900;letter-spacing:.22em;text-transform:uppercase}.brand-title{display:flex;flex-direction:column;margin:12px 0 15px;font-family:Yeseva One,Georgia,serif;font-size:clamp(4.5rem,8vw,8rem);font-weight:400;letter-spacing:-.06em;line-height:.74}.brand-title span:first-child{color:#fff7dc;text-shadow:0 5px 0 #4e2376,0 0 30px rgba(255,236,169,.24)}.brand-title span:last-child{margin-left:.48em;color:var(--gold-300);text-shadow:0 5px 0 #69386f,0 0 34px rgba(255,194,66,.36)}.brand-subtitle{max-width:430px;color:#e9dff7;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:600;line-height:1.5}.brand-promise{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.brand-promise span{padding:6px 10px;border:1px solid rgba(255,230,166,.18);border-radius:999px;color:#e4d7f4;background:#17083273;font-size:.67rem;font-weight:800;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-panel{width:100%;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,225,151,.26);border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(217,156,255,.15),transparent 34%),linear-gradient(155deg,#28114feb,#110726eb);box-shadow:0 35px 90px #0501119e,inset 0 1px #ffffff1a;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.menu-panel-heading,.modal-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.menu-panel h2{font-family:Yeseva One,Georgia,serif;font-size:clamp(1.65rem,2.4vw,2.05rem);font-weight:400}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 14px}.mode-option{display:grid;min-width:0;min-height:92px;place-items:center;gap:6px;padding:10px 8px;border:1px solid rgba(220,197,251,.18);border-radius:14px;color:#e7dbf5;background:#ffffff09;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.mode-option:hover{border-color:#ffde8575;transform:translateY(-2px)}.mode-option.is-selected{border-color:#ffda73c2;color:#fff8df;background:linear-gradient(145deg,#864cc38f,#60334f80);box-shadow:inset 0 0 22px #ffda7414,0 0 17px #ebaf401f}.mode-glyph{color:var(--gold-300);font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(255,196,68,.45))}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:.78rem}.mode-option small{margin-top:2px;color:#bdaed2;font-size:.6rem}.quick-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.quick-options label{display:grid;gap:5px;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}select,#join-code-input{width:100%;border:1px solid rgba(224,203,250,.2);border-radius:11px;color:var(--cream);background:#09041694}select{padding:9px 28px 9px 10px}.menu-actions{display:grid;gap:9px;margin-top:14px}.play-btn{min-height:59px;justify-content:flex-start;padding-inline:20px}.play-btn>span:first-child{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#37173a24}.play-btn strong,.play-btn small{display:block;text-align:left}.play-btn small{margin-top:1px;font-size:.62rem;font-weight:700;opacity:.72}.menu-footnote{margin-top:13px;color:#a99abb;font-size:.64rem;text-align:center}.color-picker-card{width:min(520px,100%);text-align:center}.color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}.color-btn{position:relative;aspect-ratio:.8;overflow:hidden;border:3px solid rgba(255,255,255,.74);border-radius:17px;box-shadow:inset 0 0 25px #fff3,0 12px 24px #05011073;transition:transform .16s ease,box-shadow .16s ease}.color-btn:before{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(255,255,255,.55);border-radius:50%;content:"✦";display:grid;place-items:center;color:#fff;font-size:1.5rem}.color-btn span{position:absolute;right:0;bottom:8px;left:0;color:#fff;font-size:.66rem;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.5)}.color-btn:hover{transform:translateY(-6px) rotate(1deg)}.color-red{background:linear-gradient(145deg,#ff6c76,#a50f34)}.color-blue{background:linear-gradient(145deg,#66b0ff,#174cba)}.color-green{background:linear-gradient(145deg,#55e3a6,#087948)}.color-yellow{background:linear-gradient(145deg,#ffe47c,#d88a0d)}.result-card{overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,214,105,.2),transparent 42%),linear-gradient(155deg,#3d1a70,#17092f)}.victory-emblem{display:grid;width:68px;height:68px;place-items:center;margin:0 auto 14px;border:1px solid rgba(255,224,139,.6);border-radius:50%;color:var(--gold-300);background:#ffd56314;box-shadow:0 0 38px #ffc6483b;font-size:2rem}.result-card h1{margin:6px 0 9px;font-size:clamp(2rem,7vw,3.25rem)}.result-card #score-text{margin-bottom:22px;color:var(--muted)}.or-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#9f8ab8;font-size:.68rem;text-transform:uppercase}.or-divider:before,.or-divider:after{height:1px;flex:1;background:#ffffff1a;content:""}.field-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-align:left;text-transform:uppercase}#join-code-input{margin-bottom:10px;padding:12px;font-size:1.15rem;font-weight:900;letter-spacing:.16em;text-align:center;text-transform:uppercase}.lobby-code-card{display:grid;place-items:center;gap:8px;margin:18px 0;padding:16px;border:1px solid rgba(255,226,151,.18);border-radius:18px;background:#00000030}.lobby-code-card>span{color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}#lobby-code-display{color:var(--gold-300);font-size:clamp(1.8rem,8vw,2.7rem);letter-spacing:.14em}#qr-code-img{display:none;width:132px;height:132px;margin-top:5px;border:6px solid white;border-radius:12px}.lobby-player-section{margin-bottom:16px;text-align:left}.lobby-player-section h3{margin-bottom:8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}#lobby-players-list{display:grid;gap:6px}.lobby-player-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:9px;background:#ffffff0d;font-size:.78rem}.lobby-player-row .is-ready{color:#66e7a8}.lobby-player-row .is-waiting{color:var(--gold-300)}.settings-card{width:min(560px,100%)}.settings-section{margin-top:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09)}.settings-section h3{margin-bottom:11px;color:var(--gold-300);font-size:.71rem;letter-spacing:.13em;text-transform:uppercase}.setting-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:16px;padding:6px 0}.setting-row label{display:grid;gap:1px;color:#f5edff;font-size:.86rem;font-weight:800}.setting-row label small{color:#9f8fb5;font-size:.63rem;font-weight:600}.setting-row select{width:auto;max-width:54%}input[type=checkbox]{width:42px;height:23px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff1f;transition:background .16s ease}input[type=checkbox]:after{display:block;width:17px;height:17px;margin:2px;border-radius:50%;background:#cbbddd;content:"";transition:transform .16s ease,background .16s ease}input[type=checkbox]:checked{background:linear-gradient(90deg,#8b52dc,#dfaa43)}input[type=checkbox]:checked:after{background:#fff;transform:translate(18px)}.range-row input{width:min(180px,44%);accent-color:var(--gold-500)}.theme-lock{display:flex;align-items:center;gap:10px;margin:19px 0 12px;padding:11px 13px;border:1px solid rgba(255,224,139,.18);border-radius:13px;color:var(--gold-300);background:#ffda700f}.theme-lock strong,.theme-lock small{display:block}.theme-lock strong{font-size:.8rem}.theme-lock small{color:var(--muted);font-size:.62rem}@media (max-width: 980px){.menu-shell{width:min(900px,calc(100% - 38px));grid-template-columns:minmax(290px,.7fr) minmax(400px,1fr);gap:28px}.settings-label{display:none}.top-right{padding:11px 13px}}@media (max-width: 700px),(max-height: 500px) and (max-width: 950px){.star-field{opacity:.5}.table-glow{width:min(78vw,390px)}.hud-element{border-radius:11px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top-left,.top-center,.top-right{top:max(7px,env(safe-area-inset-top))}.top-left{left:max(7px,env(safe-area-inset-left));gap:5px;padding:7px 8px}.hud-icon{font-size:1.05rem}.hud-copy small{display:none}.hud-copy strong{font-size:.66rem}.top-center{min-width:0;gap:6px;padding:6px 8px}.turn-spark{font-size:.7rem}.turn-copy small{display:none}.turn-copy strong{font-size:.68rem;white-space:nowrap}.direction-arrow{width:23px;height:23px;font-size:.85rem}#active-color-indicator{gap:3px;padding-left:5px;font-size:.5rem}.active-color-swatch{width:8px;height:8px}.top-right{right:max(7px,env(safe-area-inset-right));padding:7px 9px;font-size:.76rem}.opponent-rack{top:calc(max(7px,env(safe-area-inset-top)) + 42px);width:calc(100vw - 12px);gap:4px}.opponent-seat{height:62px;grid-template-columns:1fr;gap:2px;padding:5px;border-radius:10px}.seat-copy{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:4px}.seat-name{max-width:62%;font-size:.6rem}.seat-count{font-size:.52rem;white-space:nowrap}.seat-last-card{display:none}.cpu-card-fan{height:35px}.mini-card-back{top:0;width:23px;height:34px;border-width:1px;border-radius:4px}.mini-card-back:after{top:3px;right:3px;bottom:3px;left:3px;font-size:.45rem}.pile-hint{top:46%;font-size:.48rem}.pile-hint-draw{left:36%}.pile-hint-discard{left:64%}.message-center{top:calc(max(7px,env(safe-area-inset-top)) + 108px);max-width:calc(100vw - 20px);padding:6px 10px;font-size:.64rem}#announcement-stage{top:35%;min-width:min(390px,calc(100vw - 20px));padding:11px 16px;border-radius:14px}#announcement-text{font-size:clamp(1.25rem,7vw,2rem)}#announcement-kicker{font-size:.48rem}#announcement-subtext{font-size:.6rem}#mobile-hand-area{position:absolute;right:0;bottom:0;left:0;display:block;height:calc(158px + env(safe-area-inset-bottom));padding:7px 0 max(6px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,225,149,.24);background:linear-gradient(180deg,#18083180,#100522f5 28%);box-shadow:0 -18px 50px #05011066;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);pointer-events:auto}.mobile-hand-header{display:flex;height:23px;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;color:#ede4f7;font-size:.63rem}.mobile-hand-header>span{white-space:nowrap}.mobile-hand-header small{overflow:hidden;color:#9d8cae;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.mobile-hand-scroll{display:flex;height:122px;align-items:flex-end;gap:7px;padding:10px max(12px,env(safe-area-inset-left)) 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:12px;scroll-snap-type:x proximity;scrollbar-color:rgba(255,218,112,.5) transparent;scrollbar-width:thin}.mobile-card{position:relative;display:grid;width:70px;height:101px;flex:0 0 70px;place-items:center;overflow:hidden;border:3px solid rgba(255,250,223,.92);border-radius:11px;color:#fff;box-shadow:0 7px 16px #02000880,inset 0 0 18px #ffffff1f;scroll-snap-align:center;text-shadow:0 2px 4px rgba(0,0,0,.38);transition:transform .16s ease,opacity .16s ease,filter .16s ease}.mobile-card:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,255,255,.58);border-radius:50%;content:"";transform:rotate(-17deg)}.mobile-card:after{position:absolute;top:6px;left:7px;content:attr(data-corner);font-size:.78rem;font-weight:900}.mobile-card-value{position:relative;z-index:1;font-size:1.72rem;font-weight:900}.mobile-card-label{position:absolute;right:4px;bottom:5px;left:4px;z-index:1;font-size:.43rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mobile-card[data-color=red]{background:linear-gradient(145deg,#ff6570,#9e0c30)}.mobile-card[data-color=blue]{background:linear-gradient(145deg,#68aeff,#123faa)}.mobile-card[data-color=green]{background:linear-gradient(145deg,#51dfa1,#077246)}.mobile-card[data-color=yellow]{background:linear-gradient(145deg,#ffe476,#cc790a)}.mobile-card[data-color=black]{background:conic-gradient(from 30deg,#ff4b5f,#ffd15c,#26ce88,#3f8cff,#9c55d8,#ff4b5f)}.mobile-card:not(.is-playable){filter:saturate(.45) brightness(.62);opacity:.7}.mobile-card.is-playable{box-shadow:0 0 0 2px #6cffb273,0 8px 20px #28e98d47}.mobile-card.is-selected{z-index:3;transform:translateY(-9px) rotate(1deg)}.mobile-hand-empty{display:grid;min-width:calc(100vw - 24px);height:88px;place-items:center;color:var(--muted);font-size:.76rem}.bottom-center{bottom:calc(166px + env(safe-area-inset-bottom));padding:7px 13px;font-size:.68rem}#last-card-btn{right:max(8px,env(safe-area-inset-right));bottom:calc(169px + env(safe-area-inset-bottom));padding:9px 11px;font-size:.67rem}.menu-shell{display:flex;width:100%;min-height:100dvh;flex-direction:column;align-items:stretch;gap:12px;padding:max(36px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.start-screen{display:block;padding:0}.menu-backdrop{background:linear-gradient(0deg,#14062d,#14062dd6 42%,#1807312e),url(/assets/remaster/menu-cover.jpg) 68% 16% / auto 56vh no-repeat,#1a0738}.brand-panel{display:grid;min-height:34vh;align-content:end;padding:10px 7px 0}.brand-kicker{font-size:.59rem}.brand-title{margin:8px 0 9px;font-size:clamp(3.5rem,21vw,5.8rem)}.brand-subtitle{max-width:330px;font-size:.85rem}.brand-promise{margin-top:12px}.brand-promise span{padding:5px 8px;font-size:.56rem}.menu-panel{padding:20px 16px;border-radius:22px}.menu-panel h2{font-size:1.5rem}.mode-grid{margin-top:15px}.mode-option{min-height:79px;padding:8px 5px}.mode-option strong{font-size:.68rem}.mode-option small{font-size:.52rem}.mode-glyph{font-size:1rem}.play-btn{min-height:54px}.modal{align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.modal-content{max-height:calc(100dvh - 24px);margin:auto;padding:20px 17px;border-radius:20px}.modal-content h2{font-size:1.42rem}.setting-row{min-height:36px}.settings-section{margin-top:14px;padding-top:12px}.color-options{gap:7px}.color-btn{border-radius:12px}.color-btn span{font-size:.52rem}}@media (max-width: 380px){.top-left .hud-icon{display:none}.top-center{left:49%}.quick-options{grid-template-columns:1fr}.mode-grid{gap:5px}.mode-option strong{font-size:.62rem}.color-options{grid-template-columns:repeat(2,1fr)}.color-btn{aspect-ratio:1.35}}@media (max-height: 500px) and (max-width: 950px){.opponent-rack{top:calc(max(5px,env(safe-area-inset-top)) + 36px);width:min(520px,calc(100vw - 180px))}.opponent-seat{height:49px;grid-template-columns:52px 1fr;padding:3px 5px}.seat-copy{display:grid}.cpu-card-fan{height:39px}.mini-card-back{width:23px;height:34px}.pile-hint{top:48%}#mobile-hand-area{right:max(6px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));left:auto;width:min(54vw,510px);height:112px;padding:4px 0;border:1px solid rgba(255,225,149,.22);border-radius:14px;background:#100522e0}.mobile-hand-header{height:19px}.mobile-hand-header small{display:none}.mobile-hand-scroll{height:86px;padding-block:5px 3px}.mobile-card{width:50px;height:73px;flex-basis:50px;border-width:2px;border-radius:8px}.mobile-card-value{font-size:1.2rem}.mobile-card-label{display:none}.mobile-card:after{top:3px;left:4px;font-size:.56rem}.mobile-card:before{top:5px;right:5px;bottom:5px;left:5px}.bottom-center{right:calc(min(54vw,510px) + 14px);bottom:10px;left:auto;transform:none}#last-card-btn{right:calc(min(54vw,510px) + 14px);bottom:52px}#announcement-stage{top:48%;min-width:min(370px,46vw)}.message-center{top:92px}.menu-shell{display:grid;min-height:100dvh;grid-template-columns:minmax(245px,.8fr) minmax(380px,1fr);align-items:center;gap:20px;padding:12px 24px}.menu-backdrop{background:linear-gradient(90deg,#0e0422f5,#1a0834b3 48%,#13052829),url(/assets/remaster/menu-cover.jpg) 76% center / cover no-repeat}.brand-panel{display:block;min-height:0;padding:0}.brand-title{margin:8px 0;font-size:clamp(3.3rem,9vw,5.2rem)}.brand-subtitle{font-size:.72rem}.brand-promise{margin-top:9px}.menu-panel{padding:13px 16px;border-radius:18px}.menu-panel h2{font-size:1.15rem}.modal-eyebrow{font-size:.55rem}.mode-grid{margin:9px 0 7px}.mode-option{min-height:55px;grid-template-columns:auto 1fr;gap:5px;text-align:left}.mode-option small{display:none}.quick-options{margin:7px 0}.quick-options label{gap:2px}.quick-options select{padding-block:6px;font-size:.7rem}.menu-actions{grid-template-columns:1.2fr .8fr;margin-top:7px}.primary-btn,.secondary-btn{min-height:39px;padding-block:7px;font-size:.72rem}.play-btn{min-height:39px}.play-btn small,.menu-footnote{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}