:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a0f07;--bg-soft:#20140ad1;--panel:#26180cc7;--panel-strong:#2c1c0ee6;--line:#d2aa6e2e;--line-strong:#d2aa6e52;--text:#f2e8d5;--muted:#c4a882;--accent:#e8a83e;--accent-glow:#e8a83e59;--accent-2:#5b9e7a;--danger:#d46b52;--success:#7dba6e;--shadow:0 8px 32px #00000080;--shadow-lg:0 16px 64px #0009;font-family:Lora,Georgia,Palatino Linotype,serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(at 50% 0,#b4783217,#0000 60%),radial-gradient(at 50% 100%,#5032140f,#0000 60%),linear-gradient(#1a0f07 0%,#110905 50%,#0a0503 100%);margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}.site-shell{max-width:1100px;min-height:100vh;margin:0 auto;padding:.75rem 1rem}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.7rem 1.2rem;display:flex}.site-title{letter-spacing:.04em;color:var(--accent);white-space:nowrap;margin-right:auto;font-family:Cinzel,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700}.site-nav{flex-wrap:wrap;gap:.2rem;display:flex}.site-nav__link{color:var(--muted);border-radius:.5rem;padding:.5rem .85rem;font-size:.92rem;transition:color .2s,background .2s}.site-nav__link:hover{color:var(--text);background:#e8a83e14}.site-nav__link--active{color:var(--accent);background:#e8a83e1f}.identity-chip{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;text-decoration:none;display:flex}.identity-chip--guest{font-family:inherit;font-size:inherit;color:inherit;border-color:var(--accent);background:#e8a83e1a}.identity-chip--guest:hover{background:#e8a83e38}.identity-chip--guest .identity-chip__label{color:var(--accent)}.identity-chip__avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.identity-chip__label{color:var(--muted);font-size:.85rem}.site-main,.page-grid,.sidebar-stack,.lobby-main,.list-stack{gap:1rem;display:grid}.page-grid{grid-template-columns:minmax(0,1fr)}.page-grid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.page-grid--game{grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);align-items:start}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#2d1c0ebf,#1c1008a6);border-radius:.75rem;padding:1.2rem;position:relative;overflow:hidden}.panel--board{background:radial-gradient(circle at 50% 0,#e8a83e14,#0000 38%),linear-gradient(#311e0ed1,#160d07b8);padding-bottom:1rem}.panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#e8a83e06,#0000 40%);position:absolute;inset:0}.panel h1,.panel h2,.panel h3{margin:0;font-family:Cinzel,Iowan Old Style,Palatino Linotype,serif}.panel p{color:var(--muted)}.panel__header{justify-content:space-between;gap:.85rem;display:flex}.home{text-align:center}.home__header{padding:2rem 1rem .5rem}.home__tagline{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin:0 0 .6rem;font-size:.72rem}.home__title{color:var(--accent);text-shadow:0 4px 24px var(--accent-glow), 0 1px 0 #0006;margin:0 0 .5rem;font-family:Cinzel,serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;line-height:1}.home__subtitle{color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.3rem);font-style:italic}.home__board-wrapper{border:2px solid var(--line-strong);max-width:720px;box-shadow:var(--shadow-lg), 0 0 60px #e8a83e14;border-radius:.75rem;height:min(50vh,420px);min-height:280px;margin:1.5rem auto;overflow:hidden}.home__board-wrapper canvas{display:block}.home__actions{flex-wrap:wrap;justify-content:center;gap:1rem;padding:.5rem 0 1.5rem;display:flex}.home__resume{background:#e8a83e14;border:1px solid #e8a83e40;border-radius:.6rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:540px;margin:0 auto 1.5rem;padding:.8rem 1.2rem;display:flex}.home__resume p{color:var(--text);margin:0}.home__rules{text-align:left;max-width:640px;margin:0 auto 1.5rem}.home__rules h2{text-align:center;color:var(--accent);margin-bottom:1rem}.rules-list{counter-reset:rules;margin:0;padding:0;list-style:none}.rules-list li{counter-increment:rules;border-bottom:1px solid var(--line);color:var(--muted);padding:.65rem 0;line-height:1.55}.rules-list li:last-child{border-bottom:0}.rules-list li:before{content:counter(rules) ".";width:1.6rem;color:var(--accent);font-family:Cinzel,serif;font-weight:700;display:inline-block}.rules-list li strong{color:var(--text)}.home__links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;max-width:800px;margin:0 auto 1.5rem;display:grid}.home__link-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:1.2rem 1rem;transition:border-color .2s,transform .15s;display:flex}.home__link-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.home__link-icon{margin-bottom:.4rem;font-size:2rem}.home__link-card h3{color:var(--text);margin:0 0 .25rem;font-size:1.05rem}.home__link-card p{margin:0;font-size:.85rem}.home__best{justify-content:center;align-items:center;gap:.8rem;max-width:320px;margin:0 auto 1.5rem;display:flex}.home__best-label{color:var(--muted);font-size:.9rem}.home__best-value{color:var(--accent);font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 .55rem;font-size:.7rem}.button-row,.status-cluster,.tile-chip-row{flex-wrap:wrap;gap:.85rem;display:flex}.button,.tile-chip,.text-button{cursor:pointer}.button,.tile-chip{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.95rem;transition:background .2s,border-color .2s,transform .12s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff17}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:#1a0e04;text-shadow:0 1px #ffffff26;background:linear-gradient(135deg,#d4982e,#b87a1a);border-color:#ffc86466;font-weight:600}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,#e0a83e,#c4882a);border-color:#ffd2788c}.button--large{border-radius:.6rem;padding:.9rem 2rem;font-size:1.1rem}.status-pill,.tile-chip{border:1px solid var(--line);background:#ffffff0a;border-radius:999px}.status-pill{color:var(--muted);padding:.5rem .8rem;font-size:.88rem}.tile-chip--selected{background:#e8a83e38;border-color:#e8a83e8c}.board-canvas-wrapper{background:radial-gradient(circle at 50% 0,#e8a83e1f,#0000 42%),radial-gradient(circle at 50% 100%,#236e6424,#0000 46%),linear-gradient(#42291285,#0e0805ad);border-radius:1rem;margin-top:.8rem;padding:.65rem;position:relative;box-shadow:inset 0 1px #ffe5b514,0 18px 40px #00000059}.board-canvas-wrapper:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#f5c46c61,#37817533);border-radius:1rem;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.board-canvas{background:radial-gradient(circle at 50% 0,#e8a83e0f,#0000 42%),linear-gradient(#09141ceb,#03080cfa);border:1px solid #e8be722e;border-radius:.8rem;height:min(68vh,680px);min-height:420px;margin:0;overflow:hidden;box-shadow:inset 0 1px #fff0d20f,inset 0 -30px 80px #0003}.roll-label{color:var(--accent);white-space:nowrap;font-family:Cinzel,serif;font-size:1rem;font-weight:600}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.game-over-overlay{z-index:1;background:#0a0503bf;border-radius:.8rem;justify-content:center;align-items:center;animation:1.2s ease-out fadeInOverlay;display:flex;position:absolute;inset:.65rem}@keyframes scaleInContent{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.game-over-overlay__content{text-align:center;background:linear-gradient(135deg,#2d1c0ef2,#1c1008eb);border:1px solid #e8a83e59;border-radius:.75rem;max-width:90%;padding:2rem 2.5rem;animation:.6s ease-out .8s both scaleInContent;box-shadow:0 8px 48px #0009,0 0 40px #e8a83e1f}.game-over-overlay__text{color:var(--accent);text-shadow:0 2px 12px var(--accent-glow);white-space:pre-line;margin:0;font-family:Cinzel,serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;line-height:1.5}.game-over-overlay__roll{color:var(--accent);opacity:.85;margin:0 0 .75rem;font-family:Cinzel,serif;font-size:clamp(.85rem,1.8vw,1rem);font-weight:600}.game-over-overlay__action{margin-top:1.25rem}.board-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.tile-chip-row{gap:.6rem}.sidebar-stack{grid-template-columns:minmax(0,1fr)}.chat-panel{gap:.9rem;display:grid}.chat-panel__header,.chat-bubble__meta,.chat-panel__composer{gap:.75rem;display:flex}.chat-panel__header{justify-content:space-between;align-items:flex-start}.chat-panel__messages{gap:.7rem;max-height:24rem;padding-right:.25rem;display:grid;overflow:auto}.chat-panel__empty{margin:0}.chat-bubble{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;gap:.35rem;padding:.85rem .9rem;display:grid}.chat-bubble--mine{background:#f0b35b12;border-color:#f0b35b3d}.chat-bubble__meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem}.chat-bubble p{color:var(--text);margin:0}.chat-panel__composer{align-items:center}.chat-input{flex:1}.chat-input input{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--text);border-radius:1rem;padding:.85rem .95rem}.chat-input input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.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}.form-grid{flex-wrap:wrap;gap:.85rem;margin-bottom:1rem;display:flex}.field{gap:.45rem;min-width:220px;display:grid}.field span{color:var(--muted)}.field select{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:.5rem;padding:.8rem .9rem}.field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.callout{background:#ffffff0a;border-radius:.5rem;margin:.8rem 0 0;padding:.8rem 1rem}.callout--danger{color:#ffd7cf;border:1px solid #d46b5259}.callout--success{color:#ddf5de;border:1px solid #7dba6e59}.metric-card,.list-card{border:1px solid var(--line);background:#ffffff06;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.metric-card{flex-direction:column;align-items:flex-start}.metric-card__value{color:var(--accent);font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.metric-card__label{color:var(--muted)}.text-button{color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0}.profile-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:64px;height:64px}.profile-header__info{min-width:0}.profile-header__info h1{margin:0;line-height:1.2}.profile-email{color:var(--muted);margin:.15rem 0 0;font-size:.88rem}.profile-provider{color:var(--accent-2);margin:.15rem 0 0;font-size:.78rem}.button--google{color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:.5rem;align-items:center;gap:.6rem;padding:.65rem 1.2rem;font-size:.95rem;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.button--google:hover:not(:disabled){background:#f7f8f8;border-color:#dadce0;box-shadow:0 1px 3px #00000026}.button--danger-outline{color:var(--danger);background:#d46b5214;border:1px solid #d46b5273}.button--danger-outline:hover:not(:disabled){background:#d46b5229;border-color:#d46b5299}@media (width<=960px){.page-grid--game{grid-template-columns:1fr}.panel__header,.chat-panel__header{flex-direction:column}}@media (width<=720px){.site-shell{padding:.5rem .6rem}.site-header{flex-wrap:wrap;padding:.6rem .8rem}.board-canvas{height:52vh;min-height:320px}.home__board-wrapper{height:min(40vh,320px);min-height:220px}.home__title{font-size:clamp(2rem,8vw,3rem)}.home__actions{flex-direction:column;align-items:center}.home__actions .button--large{width:100%;max-width:300px}.home__links{grid-template-columns:repeat(2,1fr)}.home__resume{text-align:center;flex-direction:column}.chat-panel__messages{max-height:18rem}}