:root{color-scheme:dark;--bg:#10151a;--surface:#192127;--line:#313c43;--gold:#c9a769;--muted:#9aa9b2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#253239 0,transparent 50%),var(--bg);color:#f2eee5;font:16px/1.5 system-ui,-apple-system,sans-serif;min-height:100vh}header{padding:24px 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:14px;color:var(--gold);text-decoration:none;font-size:30px}.brand span{font-size:15px;letter-spacing:3px;font-weight:650}.brand small{display:block;color:var(--muted);letter-spacing:0;font-size:12px;font-weight:400}.tag{font-size:12px;border:1px solid var(--line);padding:7px 12px;border-radius:50px;color:var(--muted)}main{padding:40px 5vw;max-width:1500px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,5vw,66px);line-height:1.12;margin-bottom:20px}h2{font-family:Georgia,serif;font-weight:400;font-size:26px}h3{font-size:17px;margin-bottom:4px}p{color:var(--muted)}.eyebrow{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:15px}.welcome{max-width:940px;padding-top:80px}.welcome h1{font-size:clamp(50px,7vw,84px)}.lead{font-size:19px;max-width:570px}form{max-width:520px;display:grid;gap:12px;margin:32px 0}label{font-size:14px;color:var(--muted)}input,select{width:100%;padding:14px;background:#12191e;border:1px solid #43525c;border-radius:6px;color:#fff;font:inherit;min-height:48px}button{border:0;border-radius:5px;padding:16px 22px;background:var(--gold);color:#151a1f;font:600 16px system-ui;min-height:50px;cursor:pointer}button:hover{background:#dcc18d}button:disabled{opacity:.4;cursor:default}button span{float:right}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e4c887;outline-offset:3px}.scope{font-size:13px;background:#1b2429;border-left:3px solid var(--gold);padding:15px 18px;color:var(--muted);margin-top:32px;max-width:1000px}.scope strong{display:block;color:#d8d9d4;font-weight:500;margin-bottom:3px}.steps{display:flex;gap:24px;color:var(--muted);font-size:12px;margin:32px 0}.table-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.table-top h1{font-size:48px}.connection{font-size:12px;color:#c89078;white-space:nowrap}.connection.online{color:#9ab99f}.table-layout{display:grid;grid-template-columns:1fr 290px;gap:30px}.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player{border:1px solid var(--line);border-left:3px solid var(--house,var(--line));border-radius:6px;background:var(--surface);padding:18px;display:flex;gap:14px;align-items:center;min-height:96px}.house-mark{width:52px;height:52px;border:1px solid var(--house);border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--house);flex-shrink:0}.player p{font-size:13px;margin:0}.player-state{margin-left:auto;color:var(--gold);font-size:12px;text-align:right}.player-state small{display:block;color:var(--muted);font-size:10px}.empty{color:#63757f;border-style:dashed}.invite{padding:24px;border:1px solid var(--line);border-radius:8px;text-align:center;background:#172026;align-self:start}.invite h2{font-size:23px}.invite img{display:block;width:220px;max-width:100%;height:auto;margin:22px auto;border-radius:7px;background:white}.invite small{color:var(--muted);font-size:12px}.link{font-size:11px;word-break:break-all}.waiting{border:1px solid var(--line);padding:32px;text-align:center;margin-top:20px;border-radius:8px}.waiting span{display:block;color:var(--gold);font-size:56px}.waiting h2{margin-top:14px}.phone{max-width:760px}.phone h1{font-size:44px}.phone .connection{margin-bottom:22px}.phone .players{grid-template-columns:1fr}.panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:24px}.panel button{width:100%}.order-slots{display:grid;gap:15px;margin:24px 0}.slot{display:grid;gap:7px}.hint{font-size:12px;margin:14px 0 0}.public-orders{margin-top:30px}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-grid article{padding:16px;border:1px solid var(--line);border-top:2px solid var(--house);border-radius:6px}.tokens{display:flex;gap:8px;margin-top:15px}.token{flex:1;min-height:65px;display:grid;place-items:center;text-align:center;padding:8px;font-size:13px;background:#172126;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.token.revealed{color:#f1dbaf;background:#342d22;border-color:var(--gold);animation:reveal .45s ease-out}@keyframes reveal{from{transform:rotateY(90deg);opacity:.3}to{transform:rotateY(0);opacity:1}}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#34454d;color:white;border-radius:6px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}#notice.show{opacity:1}@media(max-width:900px){.table-layout{grid-template-columns:1fr}.invite{display:grid;grid-template-columns:1fr 160px;text-align:left;align-items:center;gap:12px}.invite img{grid-column:2;grid-row:1/5;width:150px;margin:0}.invite h2{margin-bottom:0}.table-top h1{font-size:36px}}@media(max-width:540px){header{padding:18px 5vw}.brand span{font-size:11px;letter-spacing:1.5px}.tag{font-size:10px;padding:5px 8px}.brand{font-size:25px}.welcome{padding-top:45px}.steps{flex-direction:column;gap:8px}main{padding-top:28px}.players,.order-grid{grid-template-columns:1fr}.player{padding:14px}.table-top{display:block}.table-top .connection{margin-bottom:20px}.panel{padding:20px}.phone h1{font-size:36px}.invite{grid-template-columns:1fr 120px}.invite img{width:120px}.invite h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}