:root{color:#f6ecd4;background:#113b2d;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-synthesis:none;--table-green: #113b2d;--table-green-light: #1e5b42;--mahjong-ivory: #f6ecd4;--mahjong-ink: #251f19;--mahjong-red: #a52620;--mahjong-gold: #d9a743;--mahjong-gold-light: #f1cf77;--mahjong-line: #8c6d32;--mahjong-shadow: #0a241a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,var(--table-green-light),var(--table-green) 58%)}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:4px;padding:.7rem 1rem;color:#311f0f;background:linear-gradient(180deg,var(--mahjong-gold-light),var(--mahjong-gold));box-shadow:inset 0 1px #fff2bd,0 2px #6c4b16;font-weight:700}button:disabled{cursor:wait;opacity:.7}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--mahjong-gold-light);outline-offset:3px}a{color:var(--mahjong-gold-light)}.auth-page,.lobby-page,.profile-page{min-height:100vh;padding:2rem 1rem}.auth-page{display:grid;place-items:center}.auth-panel,.profile-panel{width:min(100%,28rem);padding:2rem;color:var(--mahjong-ink);background:var(--mahjong-ivory);border:2px solid var(--mahjong-gold);box-shadow:0 12px 35px var(--mahjong-shadow)}.auth-panel h1,.profile-panel h2{margin:0 0 1.4rem;color:var(--mahjong-red)}.auth-panel label,.profile-panel label{display:grid;gap:.4rem;margin:.9rem 0;font-weight:700}input,select{width:100%;padding:.65rem .7rem;color:var(--mahjong-ink);border:1px solid var(--mahjong-line);border-radius:3px;background:#fffdf5}.auth-panel button{width:100%;margin:.5rem 0 1rem}.auth-panel nav{display:flex;justify-content:space-between;gap:1rem}.auth-panel .text-link{display:inline-block;margin-top:.6rem;color:var(--mahjong-red)}.seal{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:0 0 1rem;color:var(--mahjong-gold-light);background:var(--mahjong-red);border:2px solid var(--mahjong-gold);border-radius:50%;font-size:1.35rem;font-weight:700}.form-error,.form-notice{max-width:40rem;padding:.65rem .8rem;border-left:4px solid}.form-error{color:#7f1712;background:#ffe1dd;border-color:var(--mahjong-red)}.form-notice{color:#19452f;background:#dbefcf;border-color:var(--table-green-light)}.lobby-page{display:grid;place-content:center;justify-items:center;text-align:center}.lobby-page h1{margin:0;font-size:clamp(2rem,8vw,4rem);color:var(--mahjong-gold-light)}.lobby-message{margin:1rem 0 2rem;padding:1rem 1.4rem;border:1px solid var(--mahjong-gold);color:var(--mahjong-ivory);background:#00000026}.page-header{display:flex;align-items:center;gap:1rem;max-width:60rem;margin:0 auto 1.5rem}.page-header .seal,.page-header h1,.page-header p{margin:0}.page-header p{color:var(--mahjong-gold-light)}.page-header a{margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:60rem;margin:0 auto 1rem}.profile-panel{width:100%}.profile-page>.form-error,.profile-page>.form-notice,.secondary-button{display:block;width:min(100%,60rem);margin:1rem auto}.secondary-button{color:var(--mahjong-ivory);background:transparent;border:1px solid var(--mahjong-gold);box-shadow:none}@media(max-width:640px){.auth-panel{padding:1.5rem}.profile-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap}.page-header a{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}.room-shell{display:block;width:min(100%,76rem);max-width:76rem;margin:0 auto;text-align:left}.room-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.room-header>div{display:flex;align-items:center;gap:1rem}.room-header .seal,.room-header h1,.room-header p{margin:0}.room-header h1{color:var(--mahjong-gold-light);font-size:clamp(1.75rem,5vw,3rem)}.lobby-actions{display:grid;grid-template-columns:minmax(19rem,.9fr) minmax(22rem,1.1fr);gap:1.25rem;width:100%;align-items:start}.room-panel,.public-rooms,.seat-card,.room-controls{padding:1.25rem;color:var(--mahjong-ink);background:var(--mahjong-ivory);border:1px solid var(--mahjong-gold);box-shadow:0 8px 22px #0000002e}.room-panel h2,.public-rooms h2{margin-top:0;color:var(--mahjong-red)}.lobby-actions>.room-panel{min-height:11.5rem}.create-panel{display:grid;align-content:start;gap:.8rem}.create-panel>button{justify-self:start}.room-panel label,.room-form>label{display:grid;gap:.35rem;margin:.8rem 0;font-weight:700}.room-panel form>button{width:100%;margin-top:.6rem}.room-form{margin-top:1rem;border-top:1px solid #cdbb8e;padding-top:.5rem}.room-form fieldset{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0;border:1px solid #cdbb8e}.room-form legend{font-weight:700}.room-form fieldset label,.check-label{display:flex!important;align-items:center;gap:.45rem}.room-form input[type=radio],.room-form input[type=checkbox]{width:auto}.field-hint{margin:-.4rem 0 .8rem;color:#6c5b46;font-size:.9rem}.quick-options{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:-.35rem}.quick-options button{padding:.35rem .65rem;font-size:.9rem}.public-rooms{width:100%;margin-top:1.25rem}.public-rooms>p{margin-bottom:0;color:#6c5b46}.public-rooms ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.public-rooms li{display:flex;align-items:center;gap:1rem;padding:.65rem;border-bottom:1px solid #cdbb8e}.public-rooms li button{margin-left:auto}.room-page{min-height:100vh;padding:2rem 1rem}.ready-banner{padding:1rem;color:#173d2c;background:#e0f3d3;border:2px solid #77a95f;font-weight:700;text-align:center}.seat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.seat-card{min-height:18rem;text-align:center}.seat-card.empty{display:grid;align-content:center;gap:.6rem;border-style:dashed}.seat-number{margin-top:0;color:#6c4b16;font-weight:700}.seat-card img,.avatar-placeholder{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:1rem auto;border-radius:50%;object-fit:cover}.avatar-placeholder{color:var(--mahjong-ivory);background:var(--table-green-light);font-size:1.5rem}.seat-card h2{overflow-wrap:anywhere;font-size:1.15rem}.seat-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.8rem 0}.seat-tags span{padding:.2rem .45rem;color:#fff;background:var(--table-green-light);border-radius:999px;font-size:.8rem}.seat-card button+button{margin-top:.55rem}.room-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.auto-start-control{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border:1px solid #cdbb8e}.auto-start-control p{margin:0;font-size:.9rem}.secondary-action{color:var(--mahjong-ink);background:transparent;border:1px solid var(--mahjong-line);box-shadow:none}.danger-action{color:#fff;background:var(--mahjong-red);box-shadow:inset 0 1px #d66b62,0 2px #66120d}@media(max-width:850px){.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-actions{grid-template-columns:1fr}.lobby-actions>.room-panel{min-height:0}}@media(max-width:520px){.seat-grid{grid-template-columns:1fr}.room-header{align-items:flex-start;flex-direction:column}.public-rooms li{align-items:stretch;flex-direction:column}.public-rooms li button{margin-left:0}}.round-table{min-height:100vh;width:min(100%,76rem);margin:0 auto;padding:2rem 1rem}.round-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.round-header>div{display:flex;align-items:center;gap:1rem}.round-header .seal,.round-header h1,.round-header p{margin:0}.round-header h1{color:var(--mahjong-gold-light);font-size:clamp(1.75rem,5vw,3rem)}.round-phase{padding:.55rem .8rem;color:#3a2308;background:var(--mahjong-gold-light);border:1px solid var(--mahjong-gold);border-radius:999px;font-weight:700;white-space:nowrap}.round-refresh-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.65rem .8rem;color:#7f1712;background:#ffe1dd;border-left:4px solid var(--mahjong-red)}.round-refresh-error button{flex:none;padding:.4rem .65rem}.table-felt{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:min(56vw,36rem);padding:1rem;border:10px solid #6c4b16;border-radius:2.25rem;background:radial-gradient(circle at center,#2b7656,var(--table-green) 68%);box-shadow:inset 0 0 0 2px var(--mahjong-gold),0 14px 32px #00000047}.round-seat{display:flex;align-items:center;justify-content:center;min-width:0;padding:.7rem}.round-seat p{margin:0;padding:.65rem .8rem;color:var(--mahjong-ink);background:var(--mahjong-ivory);border:1px solid var(--mahjong-gold);border-radius:.4rem;box-shadow:0 3px #6c4b16;font-weight:700;text-align:center;overflow-wrap:anywhere}.round-seat-east,.round-seat-west{align-items:flex-start}.round-seat-south,.round-seat-north{align-items:flex-end}.dice-box{position:absolute;top:50%;left:50%;display:flex;gap:.55rem;transform:translate(-50%,-50%)}.dice-box span{display:grid;place-items:center;width:3.2rem;height:3.2rem;color:var(--mahjong-red);background:#fffdf5;border:2px solid var(--mahjong-gold);border-radius:.55rem;box-shadow:0 4px #6c4b16;font-size:1.5rem;font-weight:700}.own-hand{margin-top:1rem;padding:1rem;background:#00000029;border:1px solid var(--mahjong-gold)}.own-hand h2{margin:0 0 .75rem;color:var(--mahjong-gold-light);font-size:1.1rem}.tile-row{display:flex;flex-wrap:wrap;gap:.45rem}.mahjong-tile{display:grid;place-items:center;width:clamp(2.7rem,7vw,4rem);aspect-ratio:.68;color:var(--mahjong-ink);background:linear-gradient(135deg,#fffef8,#eee6d0);border:1px solid #b79a5f;border-radius:.25rem;box-shadow:0 4px #84652d;font-size:clamp(1rem,3vw,1.45rem);font-weight:700}.tile-wan{color:var(--mahjong-red)}.tile-tiao{color:#1c6a3b}.tile-tong{color:#1e4d86}@media(max-width:640px){.round-table{padding:1rem .65rem}.round-header{align-items:flex-start;flex-direction:column}.round-header>div{gap:.65rem}.round-header .seal{width:2rem;height:2rem}.table-felt{min-height:25rem;padding:.3rem;border-width:6px;border-radius:1.4rem}.round-seat{padding:.35rem}.round-seat p{padding:.45rem;font-size:.78rem}.dice-box span{width:2.55rem;height:2.55rem;font-size:1.1rem}}