: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;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(16rem,.8fr) minmax(20rem,1.2fr);gap:1.25rem;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)}.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{margin-top:1.25rem}.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}}@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}}