.landing-page{background:radial-gradient(at 50% 20%,#26493666,#0000 60%);flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(60px,11dvh,110px) 24px 48px;display:flex}.landing-page h1{letter-spacing:-1.8px;color:#f3edda;margin:0 0 34px;font-size:clamp(32px,5vw,46px);font-weight:800;line-height:1.3}.landing-tiles{isolation:isolate;justify-content:center;align-items:center;gap:17px;padding:12px 18px 16px;display:flex}.landing-tile{color:#1b6345;-webkit-user-select:none;user-select:none;background:linear-gradient(125deg,#fffbed,#e4ddc4);border:1px solid #ffffffe0;border-radius:13px;justify-content:center;align-items:center;width:122px;height:167px;font-family:Noto Serif CJK KR,Batang,SimSun,serif;font-size:82px;font-weight:700;line-height:1;display:flex;box-shadow:inset 0 -9px #b2a987,inset -3px 0 #d1c8a9,0 17px 25px #0004}.tile-augment{transform:rotate(-8deg)translateY(3px)}.tile-strength{color:#974b3b;transform:rotate(8deg)translateY(3px)}.landing-actions{grid-template-columns:1fr 1fr;gap:13px;width:min(100%,344px);margin-top:34px;display:grid}.landing-actions a{letter-spacing:-.3px;border:1px solid #d1b97f;border-radius:10px;justify-content:center;align-items:center;min-height:56px;padding:15px 24px;font-size:16px;font-weight:700;transition:background .18s,transform .18s;display:flex}.landing-create{color:#183226;background:#dcc48b;box-shadow:0 3px #a58d58}.landing-create:hover{background:#e9d298}.landing-join{color:#ead8ae;background:#213c2b}.landing-join:hover{background:#304c32}.landing-actions a:active{transform:translateY(2px)}.player-zone.host-sortable{padding-left:58px}.seat-drag-handle{color:#8ca680;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:52px;padding:0;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.seat-drag-handle:not(:disabled):hover{color:#d6c98f;background:#adc18d12;border-color:#adc18d33}.seat-drag-handle:not(:disabled):active{cursor:grabbing;transform:translateY(-50%)}.player-zone.is-dragging{z-index:5;pointer-events:none;background:#243e2df5;border:1px solid #d9bf8177;box-shadow:0 8px 30px #0007}.player-zone.is-dragging .seat-drag-handle{cursor:grabbing;pointer-events:auto;color:var(--gold)}.player-zone.drop-target:before{content:"";pointer-events:none;background:#d9bf810b;border:2px dashed #d9bf8199;border-radius:9px;position:absolute;inset:3px}.draw-dialog-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.hide-draw{white-space:nowrap;color:#d0dcbf;background:#294432;border:1px solid #a5b78966;border-radius:6px;align-items:center;gap:5px;padding:9px 10px;font-size:10px;display:flex}.hide-draw:not(:disabled):hover{background:#3a5338;border-color:#d9bf8180}@media (width<=700px){.player-zone.host-sortable{padding-left:48px;padding-right:18px}.seat-drag-handle{width:32px;height:50px;left:5px}.host-sortable .augment-slots{gap:8px}.host-sortable .augment-slot{max-width:68px}.draw-modal .modal-heading:has(.draw-dialog-actions){flex-wrap:wrap;row-gap:11px}.draw-modal .modal-heading:has(.draw-dialog-actions) h2{flex:1;min-width:170px;max-width:none;font-size:18px}.draw-dialog-actions{margin-left:auto}.hide-draw{padding:8px;font-size:9px}.landing-tile{border-radius:11px;width:105px;height:146px;font-size:72px}.landing-actions{gap:11px;max-width:300px;margin-top:29px}.landing-actions a{min-height:53px;font-size:15px}.landing-page h1{margin-bottom:28px}}.modal{outline:none}.draw-modal .modal-heading{z-index:3;background:#193226;border-radius:6px;padding:7px 0;position:sticky;top:0}.draw-modal .modal-heading h2{word-break:keep-all}:root{--bg:#0c241e;--panel:#122e25;--panel-2:#19382d;--ink:#f0f0e5;--muted:#91a69a;--gold:#d9bf81;--line:#bed4c026;--jade:#79b494;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:15px}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 70% 12%,#20432f66,#0000 60%),radial-gradient(#c7d9aa0b .7px,#0000 .7px) 0 0/6px 6px;position:fixed;inset:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,input{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}input{width:100%;min-width:0;color:var(--ink);background:#0c241c;border:1px solid #41604a85;border-radius:9px;outline:none;padding:15px 16px;line-height:1.5}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9bf8113}input::placeholder{color:#6c8777}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}fieldset{border:0;margin:0;padding:0}legend{padding:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gold{color:var(--gold)}.site-shell{flex-direction:column;max-width:1264px;min-height:100dvh;margin:auto;padding:0 58px;display:flex}.site-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:116px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:13px;font-size:25px;font-weight:800;display:inline-flex}.brand small{letter-spacing:2px;color:var(--muted);margin-top:3px;font-size:8px;font-weight:500;display:block}.brand-mark{color:#17583e;letter-spacing:0;background:#f2eddd;border-radius:6px;justify-content:center;align-items:center;width:37px;height:45px;font:700 27px Georgia,serif;display:flex;position:relative;transform:rotate(-7deg);box-shadow:0 4px #b6b295}.brand-mark>span{color:var(--gold);font-size:19px;position:absolute;top:-10px;right:-7px}.season-pill{color:#c8d5c4;white-space:nowrap;border:1px solid #b9c6a532;border-radius:100px;align-items:center;gap:9px;padding:9px 13px;font-size:11px;display:inline-flex}.season-pill i,.hero-meta i{background:#bad189;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #b5d37d55}.season-pill>span{border-left:1px solid var(--line);color:#94ab92;padding-left:10px;font-size:10px}.site-footer{border-top:1px solid var(--line);color:#809987;letter-spacing:.1px;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:27px 0 28px;font-size:10px;display:flex}.site-footer>span:last-child{letter-spacing:.8px;font-size:9px}.site-footer b{color:#637e6d;margin-left:8px;font-weight:400}.footer-divider{color:#526b5a;margin:0 12px}.home-main{padding-bottom:32px}.hero{grid-template-columns:1.08fr 1fr;align-items:center;min-height:442px;padding:42px 0 32px;display:grid}.eyebrow{letter-spacing:2px;color:var(--gold);align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.tiny-diamond{font-size:16px}.hero h1{letter-spacing:-3px;margin:25px 0 20px;font-size:clamp(40px,4.2vw,60px);font-weight:750;line-height:1.4}.hero h1>span{color:var(--gold)}.hero-description{color:#a7b8a9;letter-spacing:-.2px;font-size:14px;line-height:1.9}.hero-meta{color:#849c8b;align-items:center;gap:17px;margin-top:28px;font-size:10px;display:flex}.hero-meta>span:first-child{align-items:center;gap:7px;display:flex}.meta-line{background:#75917855;width:1px;height:10px}.hero-art{isolation:isolate;justify-content:center;align-items:center;min-height:365px;display:flex;position:relative}.orbit{border:1px solid #b8c0990c;border-radius:50%;width:340px;height:340px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.orbit-two{border-color:#bac89317;width:270px;height:270px;top:43px}.orbit-one:before,.orbit-two:after{content:"";background:#c9c99466;border-radius:50%;width:5px;height:5px;position:absolute;top:48px;left:48px}.orbit-two:after{inset:auto 27px 50px auto}.art-star{color:var(--gold);position:absolute}.s1{font-size:34px;top:49px;right:56px}.s2{font-size:22px;bottom:95px;left:33px}.mahjong-tile{color:#216146;background:linear-gradient(125deg,#faf6e8,#dfd9be);border:1px solid #fffa;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:130px;height:184px;display:flex;position:absolute;box-shadow:inset 0 -9px #b7ae8b,inset -3px 0 #ddd3b5,4px 20px 30px #0004}.tile-corner{font:700 13px Georgia,serif;position:absolute;top:14px;left:15px}.mahjong-tile small{letter-spacing:1.4px;font-size:5px;font-weight:700;position:absolute;bottom:20px}.tile-front{z-index:3;width:143px;height:200px;left:calc(50% - 68px);transform:rotate(-4deg)translateY(-5px)}.tile-front strong{font:700 87px/1 Georgia,serif}.tile-front .tile-underline{background:#2b7550;width:43px;height:2px;margin-top:12px}.tile-left{z-index:1;transform:rotate(-23deg)translate(-77px,-9px)}.tile-right{z-index:2;color:#a24d40;transform:rotate(19deg)translate(81px)}.bamboo-sticks{letter-spacing:2px;font-size:30px;font-weight:800;line-height:1}.tile-dots{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:70px;height:85px;display:grid}.tile-dots i{border:4px solid #a55544;border-radius:50%;width:18px;height:18px}.tile-dots i:nth-child(2){grid-column:3}.tile-dots i:nth-child(3){border-color:#27684d;grid-area:2/2}.tile-dots i:nth-child(4){grid-row:3}.tile-dots i:nth-child(5){grid-area:3/3}.floating-augment{z-index:4;color:#e0d5a7;white-space:nowrap;background:#263c29f5;border:1px solid #a6ac6c66;border-radius:8px;align-items:center;gap:9px;padding:12px 14px;font-size:10px;display:flex;position:absolute;bottom:56px;left:calc(50% - 84px);transform:rotate(-5deg);box-shadow:0 6px 20px #0004}.floating-augment>span:last-child{color:#d9bf8199;margin-left:14px}.art-caption{letter-spacing:2px;color:#82977b;white-space:nowrap;font-size:7px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.section-caption{color:#8fa691;align-items:center;gap:17px;margin-bottom:16px;font-size:11px;display:flex}.section-caption>span:first-child{letter-spacing:1.8px;color:#c5ceba;font-size:9px;font-weight:600}.section-caption>span:first-child:after{content:"";vertical-align:middle;background:#657d5b;width:24px;height:1px;margin-left:16px;display:inline-block}.start-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.start-card{border:1px solid #6a855051;border-radius:13px;flex-direction:column;justify-content:space-between;min-height:182px;padding:25px 28px 27px;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.start-card:hover{border-color:#d9bf8180;transform:translateY(-3px)}.create-card{background:linear-gradient(110deg,#284532,#213f2b)}.join-card{background:linear-gradient(110deg,#172f26,#162e24);border-color:#94b59735}.card-top{justify-content:space-between;align-items:center;display:flex}.card-symbol{color:#d7cea2;background:#d4d19608;border:1px solid #d2d8a52e;border-radius:9px;justify-content:center;align-items:center;width:41px;height:41px;display:flex}.join-card .card-symbol{color:#abc1aa}.card-number{letter-spacing:1.5px;color:#8ea185;font-size:8px}.card-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:23px;display:flex}.card-bottom h2{letter-spacing:-.8px;font-size:25px;line-height:1.2}.card-bottom p{color:#a3b69e;margin-top:10px;font-size:11px}.action-arrow{color:#d4d5b2;border:1px solid #e5e2b942;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.beta-strip{color:#a8b9a0;align-items:center;gap:11px;margin-top:23px;padding:15px 0;font-size:10px;display:flex}.beta-tag{letter-spacing:1px;color:var(--gold);border:1px solid #d9bf8155;border-radius:3px;padding:3px 5px;font-size:8px}.beta-strip p span{color:#77927f}.beta-strip-end{white-space:nowrap;color:var(--gold);margin-left:auto;font-size:9px}.beta-strip-end span{color:#78947f;margin-left:3px}.beta-strip-end b{color:#69816b;margin:0 9px}.form-main{width:100%;max-width:682px;margin:0 auto;padding:33px 0 64px}.page-intro{margin-bottom:30px}.back-link{color:#8da38e;align-items:center;gap:7px;margin-bottom:30px;font-size:11px;display:inline-flex}.back-link:hover{color:var(--gold)}.page-intro h1{letter-spacing:-1.6px;margin:12px 0;font-size:37px;line-height:1.4}.page-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.form-panel{border:1px solid var(--line);background:linear-gradient(120deg,#173127bb,#112a22bb);border-radius:15px;padding:33px}.form-panel fieldset+fieldset{border-top:1px solid var(--line);margin-top:29px;padding-top:26px}.form-panel legend{align-items:center;gap:10px;margin-bottom:13px;font-size:13px;font-weight:600;display:flex}.form-panel legend>span{color:var(--gold);letter-spacing:1px;font-size:9px;font-weight:500}.option-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option-card{text-align:left;color:#7f9b87;background:#0e271f;border:1px solid #657e5a4d;border-radius:10px;flex-direction:column;align-items:flex-start;padding:19px 17px;display:flex}.option-card strong{color:#bdc9b9;margin:12px 0 6px;font-size:14px}.option-card>span{font-size:11px;line-height:1.6}.option-card.selected{color:#e4cc92;background:#354b2d55;border-color:#ceb67c;box-shadow:inset 0 0 0 1px #ceb67c15}.option-card.selected strong{color:#f0e5cb}.soon-tag{vertical-align:middle;color:#92a48f;background:#ffffff0d;border-radius:3px;margin-left:3px;padding:2px 5px;font-size:8px;font-weight:400;display:inline-flex}.sub-setting{margin-top:18px}.sub-setting>label{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.segmented{background:#0d251e;border:1px solid #5f795142;border-radius:9px;gap:4px;padding:4px;display:flex}.segmented button{color:#8ba18d;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.segmented button.selected{color:#ebdfc3;background:#284432;border-color:#73946455}.field-note{color:#809985;margin-top:9px;font-size:10px;line-height:1.8;display:block}.season-option{background:#1c3627;border:1px solid #6b845443;border-radius:10px;align-items:center;gap:12px;padding:17px;display:flex}.season-icon{width:37px;height:37px;color:var(--gold);background:#ccba6f0e;border-radius:8px;justify-content:center;align-items:center;display:flex}.season-option>div{flex-direction:column;gap:6px;display:flex}.season-option strong{color:#e5dcc5;font-size:13px}.season-option>div>span{color:#91a589;font-size:10px}.season-pill.small{margin-left:auto;padding:5px 8px;font-size:9px}.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 19px;font-size:13px;font-weight:650;display:inline-flex}.primary-button{color:#163025;background:#d8bf83;box-shadow:0 2px #b39b61}.primary-button:not(:disabled):hover{background:#e8ce90}.primary-button>svg:last-child:not(:first-child){margin-left:auto}.primary-button.full{width:100%;margin-top:27px}.secondary-button{color:#aabea8;background:#173127;border-color:#6b885e66}.danger-button{color:#f3c2af;background:#642f2e;border-color:#c87a6a66}.full{width:100%}.spaced{margin-top:22px!important}.form-footnote{text-align:center;color:#6f8b76;margin-top:15px;font-size:10px;line-height:1.8}.error-box{color:#efbaa3;background:#61312755;border:1px solid #a6725566;border-radius:7px;margin-top:15px;padding:11px 13px;font-size:12px;line-height:1.7}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.join-main{flex:1;width:100%;max-width:900px;margin:auto;padding:33px 0 65px}.join-tools{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.code-panel,.quick-panel{border:1px solid var(--line);background:#18332988;border-radius:12px;padding:25px}.mini-eyebrow{letter-spacing:1.4px;color:#8fa58b;font-size:8px;font-weight:500}.code-panel h2,.quick-panel h2{letter-spacing:-.6px;margin:8px 0 17px;font-size:18px}.code-field{gap:8px;display:flex}.code-field input{letter-spacing:3px;padding:11px 14px;font-size:14px}.code-field input::placeholder{letter-spacing:0;font-size:12px}.code-field .primary-button{width:47px;min-height:45px;padding:10px}.quick-panel{text-align:left;background:#25422c80;border-color:#84995142;align-items:center;gap:18px;display:flex}.quick-panel>svg:first-child{color:var(--gold);flex-shrink:0}.quick-panel>svg:last-child{color:#b8c69f;flex-shrink:0;margin-left:auto}.quick-panel h2{margin-bottom:8px}.quick-panel p{color:#8fa589;font-size:11px;line-height:1.6}.quick-panel:hover{background:#2e4b3180;border-color:#d9bf8180}.public-rooms{margin-top:42px}.room-list-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.room-list-heading h2{align-items:center;gap:9px;font-size:14px;display:flex}.room-list-heading h2>svg{color:#a6bb92}.room-list-heading h2>span{color:var(--gold);background:#bca56b16;border-radius:4px;justify-content:center;align-items:center;margin-left:3px;padding:3px 6px;font-size:10px;display:inline-flex}.text-button{color:#93a98f;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:7px 0;font-size:10px;display:inline-flex}.text-button:hover{color:var(--gold)}.empty-state{text-align:center;border:1px dashed #6f8b5a40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:244px;padding:34px 20px;display:flex}.empty-tile{color:#9cad84;background:#dae0ca0c;border:1px solid #a0b79226;border-radius:5px;justify-content:center;align-items:center;width:39px;height:49px;margin-bottom:6px;font:24px Georgia,serif;display:flex}.empty-state h3{color:#b7c8ad;font-size:14px;font-weight:500}.empty-state p{color:#7c9881;font-size:11px;line-height:1.8}.empty-state .text-button{color:var(--gold);font-size:11px}.room-list{border-top:1px solid var(--line)}.room-list-item{text-align:left;border:0;border-bottom:1px solid var(--line);background:#152e2480;align-items:center;gap:16px;width:100%;padding:20px 17px;transition:background .2s;display:flex}.room-list-item:not(:disabled):hover{background:#25463280}.room-list-icon{color:#bdc6a2;background:#c5ceab0a;border:1px solid #c5ceab30;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:42px;font:22px Georgia,serif;display:flex}.room-list-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.room-list-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.room-list-info small{color:#809d86;font-size:9px}.room-list-info small>span{color:#526e59;margin:0 5px}.room-occupancy{color:#c1cfb6;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.room-occupancy>span{color:#75937a}.availability{color:#b6c68c;white-space:nowrap;background:#97b65a12;border:1px solid #97b65a30;border-radius:4px;padding:5px 8px;font-size:9px}.full-room{color:#8b9985;background:0 0;border-color:#84907f30}.room-list-item>svg{color:#8ca17d;margin-left:3px}.modal{color:var(--ink);overscroll-behavior:contain;background:#142d23;border:1px solid #6e895955;border-radius:17px;width:100%;max-width:min(480px,100vw - 28px);max-height:calc(100dvh - 30px);margin:auto;padding:0;overflow:auto;box-shadow:0 28px 120px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020e0bc9}.modal-inner{padding:27px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.modal-heading h2{letter-spacing:-.6px;font-size:20px;line-height:1.5}.modal-description{color:#a2b39c;margin-bottom:22px;font-size:12px;line-height:1.9}.modal .input-label{color:#c4d0ba;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.icon-button{color:#b7c7ac;background:#d4dfba05;border:1px solid #9aac8533;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:inline-flex}.icon-button:not(:disabled):hover{background:#a9c38513;border-color:#d9bf8166}.modal .icon-button{border-color:#0000}.modal-footnote{color:#7a947d;text-align:center;margin-top:21px;font-size:10px;line-height:1.8}.dialog-actions{gap:10px;margin-top:25px;display:flex}.dialog-actions>button{flex:1}.table-page{background:radial-gradient(at 50% 40%,#143a28aa,#0000 70%);min-height:100dvh}.table-frame{border-left:1px solid var(--line);border-right:1px solid var(--line);background:#0d261f;grid-template-rows:7fr repeat(4,20fr) 13fr;width:min(100%,720px);height:100dvh;min-height:740px;margin:0 auto;display:grid;box-shadow:0 0 100px #0003}.table-header{border-bottom:1px solid var(--line);background:#10291f;justify-content:space-between;align-items:center;gap:12px;padding:8px 24px;display:flex}.table-heading{min-width:0}.table-heading>p{letter-spacing:1px;color:#91a68a;align-items:center;gap:6px;margin-bottom:4px;font-size:7px;display:flex}.table-heading>p>span:not(.connection-dot){color:#54754e;margin:0 3px}.table-heading h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.5px;font-size:16px;line-height:1.4;overflow:hidden}.connection-dot{background:#b7ca7a;border-radius:50%;width:4px;height:4px;display:inline-block}.connection-dot.disconnected{background:#d59476}.table-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.room-code{letter-spacing:1.2px;font-variant-numeric:tabular-nums;color:#d5d6b8;flex-direction:column;margin-right:6px;font-size:14px;line-height:1.2;display:flex}.room-code>small{letter-spacing:0;color:#83987d;margin-bottom:3px;font-size:7px}.table-tools .icon-button{width:33px;height:33px}.player-zone{border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:0;padding:11px 24px;display:flex;position:relative}.player-zone-inner{width:100%;max-width:470px}.player-zone.is-self{z-index:1;background:linear-gradient(110deg,#33523350,#354b2440);box-shadow:inset 3px 0 #cfb774}.player-zone.is-self:after{content:"";pointer-events:none;border:1px solid #baa46544;position:absolute;inset:0}.player-heading{align-items:center;gap:8px;min-width:0;margin-bottom:10px;display:flex}.seat-mark{color:#b2bf97;background:#829d6b0e;border:1px solid #829d6b30;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font:15px Georgia,serif;display:flex}.player-heading>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.self-tag{color:#e2cb8f;background:#d5ba7511;border:1px solid #d5ba7544;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:8px}.host-crown{color:#d0b878;flex-shrink:0}.player-slot-count{letter-spacing:1px;color:#778c73;white-space:nowrap;margin-left:auto;font-size:8px}.vacant .player-heading>strong{color:#667e6b;font-size:11px;font-weight:400}.vacant .seat-mark{opacity:.45}.augment-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:340px;display:grid}.augment-slot{aspect-ratio:1;border-radius:10px;justify-content:center;align-items:center;min-width:0;max-width:78px;display:flex;position:relative}.empty-slot{color:#4d6e53;background:#051b160f;border:1px dashed #66875c38;flex-direction:column;gap:5px}.slot-plus{font-size:21px;font-weight:200;line-height:1}.empty-slot>span:last-child{letter-spacing:1px;color:#4d6e5377;font-size:7px}.is-self .empty-slot{color:#869c5b;background:#839d4908;border-color:#b3bd6b33}.is-self .empty-slot>span:last-child{color:#8b9c5c66}.augment-slot.filled{background:#1d3827;border:1px solid #a5b87955;flex-direction:column;justify-content:flex-start;padding:4px;overflow:visible}.augment-art{--art-color:#a5cda2;aspect-ratio:1;width:100%;height:auto;max-height:62px;color:var(--art-color);isolation:isolate;background:radial-gradient(#a5cda21a,#0000 75%);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.augment-art.violet{--art-color:#c1a4e5;background:radial-gradient(#c1a4e51a,#0000 75%)}.augment-art.sky{--art-color:#8dbfc8;background:radial-gradient(#8dbfc81a,#0000 75%)}.augment-art.rose{--art-color:#dfac94;background:radial-gradient(#dfac941a,#0000 75%)}.augment-art.gold{--art-color:#e1c884;background:radial-gradient(#e1c88420,#0000 75%)}.augment-art>svg{z-index:1;filter:drop-shadow(0 0 8px #afc88033);width:45%;height:45%}.art-ring{opacity:.23;border:1px solid;border-radius:5px;width:72%;height:72%;position:absolute;transform:rotate(45deg)}.kind-badge{z-index:2;background:#173023;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:8px;font-weight:700;display:flex;position:absolute;top:0;right:0}.slot-name{color:#bfcaaa;text-align:center;white-space:nowrap;letter-spacing:-.3px;width:100%;font-size:8px;position:absolute;bottom:4px;left:0}.dimmed{filter:saturate(.5);opacity:.42}.effect-running:before{content:"";background:conic-gradient(from var(--glow-angle),transparent 5%,#dfcf88 20%,transparent 40%,transparent 55%,#e3d6a3 70%,transparent 90%);z-index:-1;border-radius:12px;animation:2.5s linear infinite glow-orbit;position:absolute;inset:-3px}.effect-running{isolation:isolate;box-shadow:0 0 14px #d5d08335}.effect-running:after{content:"";z-index:-1;background:#1d3827;border-radius:8px;position:absolute;inset:0}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glow-orbit{to{--glow-angle:360deg}}.table-footer{background:#10291f;justify-content:center;align-items:center;padding:10px 24px 6px;display:flex}.draw-area{width:100%;max-width:470px}.draw-button{color:#203827;background:linear-gradient(110deg,#dfc98c,#ccb274);border:1px solid #e3cb90;border-bottom:3px solid #aa9157;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:45px;padding:11px 15px;font-size:15px;font-weight:750;display:flex}.draw-button>small{text-align:right;opacity:.65;min-width:30px;margin-left:auto;font-size:10px;font-weight:500}.draw-button>span:not(.spinner){text-align:left;flex:1}.draw-button.armed{background:#e7d59f;box-shadow:0 0 18px #d8c88830}.draw-button:disabled{opacity:.5}.table-bottom-line{justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.draw-help{color:#748c72;align-items:center;gap:5px;margin-left:auto;font-size:8px;display:flex}.table-bottom-line .text-button{font-size:9px}.log-count{color:#a8b68f;border:1px solid #9aac8533;border-radius:3px;padding:1px 4px;font-size:7px}.leave-button{margin-left:5px}.room-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:30px;display:flex}.room-fallback h1{letter-spacing:-1px;font-size:23px}.room-fallback p{color:var(--muted);font-size:13px}.toast,.floating-error,.connection-banner{z-index:20;color:#dce4c5;background:#2c462d;border:1px solid #a3b17666;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0005}.floating-error{color:#e8bfa1;background:#502e24;border-color:#bd8a6455;bottom:110px}.connection-banner{color:#e3c8a2;background:#462f20;padding:10px 14px;font-size:10px;top:12px;bottom:auto}.draw-modal{background:radial-gradient(at 50% 0,#2e462a90,#0000 70%),#122c22;max-width:min(880px,100vw - 28px)}.draw-modal>.modal-inner{padding:30px}.draw-modal .modal-heading{align-items:flex-start}.draw-modal .modal-heading h2{padding-top:3px;font-size:23px}.cancel-draw{color:#9cb08f;white-space:nowrap;background:#0f241d;border:1px solid #a5b78944;border-radius:6px;align-items:center;gap:5px;padding:9px 10px;font-size:10px;display:flex}.cancel-draw:not(:disabled):hover{color:#ecd5ac;border-color:#e5bf8a88}.draw-modal .eyebrow{letter-spacing:1.7px;margin-top:14px;font-size:8px}.draw-modal .eyebrow>span{color:#8ea080}.draw-modal .modal-description{margin-top:11px;margin-bottom:24px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.choice-card{text-align:left;background:linear-gradient(145deg,#2a442e,#172f25);border:1px solid #a8ba7d44;border-radius:12px;flex-direction:column;align-items:stretch;padding:25px 19px 17px;transition:transform .2s,border-color .2s,background .2s;display:flex}.choice-card.violet{background:linear-gradient(145deg,#353342,#1c2b28)}.choice-card.rose{background:linear-gradient(145deg,#3e3830,#1c2d23)}.choice-card.sky{background:linear-gradient(145deg,#273e3e,#172d26)}.choice-card.gold{background:linear-gradient(145deg,#3e402b,#1f3224)}.choice-card:not(:disabled):hover{background:#32462c;border-color:#d9bf81;transform:translateY(-4px)}.choice-heading{flex-direction:column;align-items:center;display:flex}.augment-art.large{width:84px;height:84px;max-height:none;margin-bottom:21px}.augment-art.large>svg{width:38px;height:38px}.augment-art.large .kind-badge{width:21px;height:21px;font-size:10px;top:1px;right:1px}.choice-type{letter-spacing:1.5px;color:#a6b492;border:1px solid #a6b49244;border-radius:3px;align-self:center;padding:3px 6px;font-size:8px;display:inline-flex}.choice-heading h3{letter-spacing:-.6px;text-align:center;margin-top:11px;font-size:19px}.choice-flavor{text-align:center;color:#a9b795;margin:12px 0 16px;font-size:10px;font-style:italic;line-height:1.8}.choice-description{color:#bbc6ac;word-break:keep-all;overflow-wrap:anywhere;flex:1;margin-bottom:21px;font-size:11px;line-height:1.95}.choice-select{color:var(--gold);border-top:1px solid #b7c49727;justify-content:space-between;align-items:center;padding-top:14px;font-size:10px;font-weight:600;display:flex}.logs-modal{max-width:min(560px,100vw - 28px)}.log-list{border-top:1px solid var(--line);scrollbar-width:thin;max-height:55dvh;padding-right:5px;overflow:auto}.log-event{border-bottom:1px solid var(--line);gap:11px;padding:15px 0;display:flex}.log-event-icon{color:#8fa77a;background:#a2b68606;border:1px solid #a2b68622;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.event-selected .log-event-icon{color:#e2c987;background:#e2c98710;border-color:#e2c98744}.event-cancelled .log-event-icon{color:#d0a28a}.log-event>div{flex:1;min-width:0}.log-event-heading{align-items:center;gap:8px;min-width:0;display:flex}.log-event-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.log-event-heading time{color:#809a7b;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:9px}.log-event-heading>span{color:#5d7b60;font-size:8px}.log-event p{color:#aabda0;margin-top:5px;font-size:11px;line-height:1.8}.detail-hero{flex-direction:column;align-items:center;margin-top:10px;display:flex}.detail-hero h3{letter-spacing:-.7px;margin-top:10px;font-size:25px}.detail-description{color:#b5c5ab;word-break:keep-all;padding:18px 0 25px;font-size:12px;line-height:2}.status-options{gap:7px;display:flex}.status-options>button{color:#91aa8c;background:#0e251e;border:1px solid #718c5c55;border-radius:7px;flex:1;padding:13px 7px;font-size:11px}.status-options>button.selected{color:#e9dab2;background:#354d2d;border-color:#c7b97a}.read-only-state{color:#a5b99b;border-top:1px solid var(--line);padding-top:16px;font-size:11px;line-height:2.1}.read-only-state strong{float:right;color:#dbc791;font-weight:500}.read-only-state>span{color:#748f75;font-size:10px;display:block}.settings-danger{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;margin-top:25px;padding-top:16px;display:flex}.danger-text{color:#d3a083}.settings-danger .text-button{font-size:11px}@media (width>=1500px){.hero{min-height:475px}.hero-art{transform:scale(1.07)}.home-main{padding-bottom:40px}}@media (width<=960px){.site-shell{padding:0 35px}.hero h1{font-size:46px}.hero-art{transform:scale(.9)}.hero{grid-template-columns:1fr 1fr;min-height:420px}.hero-copy{z-index:5}.hero-description{font-size:12px}.hero-meta{font-size:9px}.start-card{padding:22px}.card-bottom h2{font-size:23px}.card-bottom p{font-size:10px}.beta-strip-end{display:none}.choice-description{font-size:10px}.draw-modal>.modal-inner{padding:25px}.choice-card{padding:23px 15px 16px}}@media (width<=700px){.site-shell{padding:0 22px}.site-header{height:87px}.brand{gap:11px;font-size:21px}.brand-mark{width:31px;height:38px;font-size:24px}.brand small{letter-spacing:1.6px;font-size:6px}.season-pill{gap:6px;padding:7px 10px;font-size:9px}.season-pill>span{padding-left:7px;font-size:8px}.hero{grid-template-columns:1fr;min-height:0;padding:35px 0 25px}.hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.hero .eyebrow{letter-spacing:1.6px;font-size:8px}.hero h1{letter-spacing:-2.3px;margin:17px 0 16px;font-size:43px;line-height:1.38}.hero-description{font-size:12px;line-height:1.9}.hero-meta{gap:12px;margin-top:19px;font-size:9px}.hero-art{min-height:305px;margin:-13px -25px -16px;transform:scale(.87)}.hero-art .orbit{top:-10px}.hero-art .orbit-two{top:25px}.hero-art .s1{top:25px;right:20%}.hero-art .s2{bottom:70px;left:12%}.floating-augment{bottom:22px}.art-caption{bottom:-17px}.hero .mahjong-tile{margin-top:-5px}.start-section{margin-top:10px}.section-caption{gap:8px;margin-bottom:13px;font-size:9px}.section-caption>span:first-child{font-size:8px}.section-caption>span:first-child:after{width:14px;margin-left:9px}.start-grid{gap:12px}.start-card{border-radius:11px;min-height:173px;padding:18px 16px}.card-symbol{border-radius:7px;width:33px;height:33px}.card-symbol svg{width:21px;height:21px}.card-number{letter-spacing:.8px;font-size:6px}.card-bottom{align-items:flex-end;gap:5px;margin-top:27px}.card-bottom h2{font-size:22px}.card-bottom p{word-break:keep-all;max-width:125px;margin-top:9px;font-size:10px;line-height:1.9}.action-arrow{width:26px;height:26px}.action-arrow svg{width:17px;height:17px}.beta-strip{align-items:flex-start;gap:8px;margin-top:17px;padding:12px 0 0}.beta-strip p{font-size:9px;line-height:1.9}.beta-strip p span{display:block}.beta-tag{margin-top:2px}.home-main{padding-bottom:25px}.site-footer{flex-wrap:wrap;gap:10px;padding:22px 0;font-size:8px}.site-footer>span:last-child{letter-spacing:.3px;font-size:7px}.footer-divider{margin:0 7px}.site-footer b{margin-left:3px}.form-main,.join-main{padding-top:23px;padding-bottom:40px}.back-link{margin-bottom:25px;font-size:10px}.page-intro h1{margin:11px 0;font-size:31px}.page-intro .eyebrow{letter-spacing:1.7px;font-size:8px}.page-intro>p:last-child{font-size:11px}.page-intro{margin-bottom:23px}.form-panel{border-radius:12px;padding:23px 19px}.option-card{padding:16px 12px}.option-card strong{font-size:13px}.option-card>span{font-size:9px}.option-card svg{width:20px;height:20px}.form-panel legend{font-size:12px}.form-panel fieldset+fieldset{margin-top:25px;padding-top:23px}.season-option{gap:10px;padding:13px}.season-option>div>span{font-size:8px}.season-option strong{font-size:12px}.season-icon{width:26px;height:31px}.season-pill.small{gap:4px;padding:4px 6px;font-size:8px}.join-tools{grid-template-columns:1fr;gap:12px}.code-panel{padding:22px}.quick-panel{padding:20px 22px}.quick-panel h2{margin-top:6px;margin-bottom:6px;font-size:17px}.quick-panel>svg:first-child{width:24px;margin-right:5px}.quick-panel .mini-eyebrow{font-size:7px}.quick-panel p{font-size:10px}.public-rooms{margin-top:30px}.room-list-heading h2{font-size:12px}.room-list-heading .text-button{font-size:9px}.empty-state h3{font-size:12px}.empty-state p{font-size:10px}.room-list-item{gap:10px;padding:16px 5px}.room-list-info strong{font-size:12px}.room-list-info small{font-size:8px}.room-list-icon{width:28px;height:37px;font-size:19px}.availability{display:none}.room-list-item>svg{width:15px}.room-occupancy{font-size:10px}.room-occupancy svg{width:14px}.modal-inner{padding:23px}.modal-heading h2{font-size:18px}.modal-description{font-size:11px}.draw-modal .modal-heading h2{max-width:180px;font-size:19px}.draw-modal .modal-heading{gap:10px}.draw-modal>.modal-inner{padding:22px 18px}.cancel-draw{padding:8px;font-size:9px}.draw-modal .eyebrow{letter-spacing:1px;margin-top:8px;font-size:7px}.draw-modal .modal-description{margin-bottom:17px;font-size:10px}.choice-grid{grid-template-columns:1fr;gap:11px}.choice-card{grid-template-columns:80px 1fr;align-items:start;column-gap:14px;padding:15px 14px 12px;display:grid}.choice-heading{grid-area:1/1/4}.choice-heading .augment-art.large{width:56px;height:56px;margin-bottom:8px}.choice-heading .augment-art.large>svg{width:27px;height:27px}.choice-heading .augment-art.large .kind-badge{width:16px;height:16px;font-size:8px;top:-1px;right:-2px}.choice-type{letter-spacing:.5px;padding:2px 4px;font-size:7px}.choice-heading h3{word-break:keep-all;margin-top:6px;font-size:13px;line-height:1.6}.choice-flavor{text-align:left;grid-column:2;margin:0 0 7px;font-size:9px}.choice-description{grid-column:2;margin-bottom:10px;font-size:10px;line-height:1.85}.choice-select{grid-column:2;padding-top:9px;font-size:9px}.modal-footnote{margin-top:17px;font-size:8px}.draw-modal{max-height:calc(100dvh - 20px)}.table-header{gap:8px;padding:7px 17px}.table-heading h1{max-width:180px;font-size:14px}.table-heading>p{letter-spacing:.7px;gap:4px;font-size:6px}.room-code{margin-right:1px;font-size:12px}.table-tools{gap:5px}.table-tools .icon-button{border-radius:7px;width:30px;height:30px}.table-tools .icon-button svg{width:15px;height:15px}.table-heading>p>span:not(.connection-dot){margin:0 1px}.player-zone{padding:10px 22px}.player-zone-inner{max-width:390px}.augment-slots{gap:10px;max-width:320px}.augment-slot{border-radius:8px;max-width:72px}.player-heading{gap:7px;margin-bottom:9px}.player-heading>strong{font-size:12px}.player-slot-count{font-size:7px}.table-footer{padding:9px 20px 6px}.table-frame{min-height:710px}.draw-button{gap:9px;min-height:44px;padding:10px 13px;font-size:14px}.draw-button svg{width:19px}.draw-button>small{font-size:9px}.draw-help{font-size:7px}.table-bottom-line .text-button{font-size:8px}.table-bottom-line{gap:4px}.table-bottom-line .text-button>svg{width:12px}.log-count{font-size:6px}.slot-name{font-size:7px}.table-page .connection-banner{justify-content:center;width:calc(100% - 24px);padding:9px 11px;font-size:9px;top:7px}.detail-description{font-size:11px}.dialog-actions>button{padding:12px 10px;font-size:11px}.modal .input-label,.log-event p{font-size:10px}}@media (width<=360px){.site-shell{padding:0 16px}.hero h1{font-size:38px}.hero-art{margin:-24px -35px -28px;transform:scale(.79)}.start-card{padding:15px 13px}.card-bottom h2{font-size:20px}.card-number{font-size:5px}.card-bottom p{max-width:105px;font-size:9px}.action-arrow{width:23px;height:23px}.table-heading h1{max-width:115px;font-size:12px}.table-heading>p{font-size:5px}.table-tools .icon-button{width:28px;height:28px}.table-header{padding:7px 12px}.room-code{font-size:11px}.player-zone{padding:9px 17px}.augment-slots{gap:9px}.draw-button{font-size:12px}.draw-help{font-size:6px}.choice-card{grid-template-columns:68px 1fr;column-gap:11px;padding:13px 11px}.choice-heading h3{font-size:12px}.draw-modal .modal-heading h2{max-width:145px;font-size:16px}.draw-modal>.modal-inner{padding:20px 15px}.cancel-draw{padding:8px;font-size:8px}.choice-description{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.effect-running{outline:2px solid var(--gold)}}