:root{--wood-deep: #1a120b;--wood: #2a1d12;--wood-light: #3a291a;--parchment: #f4e9d2;--parchment-dim: #ddd0b4;--ink: #2c2015;--ink-soft: #6b5940;--gold: #d9a441;--gold-dim: #a67c2c;--danger: #c0392b;--ok: #3aa76d;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-sm: 0 3px 10px rgba(0, 0, 0, .35);--font-display: "Georgia", "Iowan Old Style", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);color:var(--parchment);background:radial-gradient(circle at 50% 0%,#3a291a 0%,var(--wood-deep) 70%);overflow:hidden}#app,.screen{height:100%}.hidden{display:none!important}.btn{position:relative;font:inherit;font-weight:600;padding:.55rem .95rem;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.45);background:linear-gradient(180deg,#f0be62 0%,var(--gold) 42%,#a9752a 100%);color:#2a1a04;cursor:pointer;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000038,0 2px #00000059,0 4px 10px #0006;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.07) saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #fff9,inset 0 -1px #00000038,0 3px #00000059,0 7px 14px #00000073}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #00000059,0 0 #00000059}.btn:focus-visible{outline:2px solid #ffe6a8;outline-offset:2px}.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6);box-shadow:inset 0 1px #fff3}.btn--ghost{background:linear-gradient(180deg,#ffffff21,#ffffff0d);color:var(--parchment);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff29,0 2px #0000004d,0 4px 10px #00000059}.btn--danger{background:linear-gradient(180deg,#ef6a58,#d8503f 42%,#92291d);color:#fff}.btn--wide{width:100%}input[type=text],input[type=number],select{font:inherit;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.4);background:#ffffffe6;color:var(--ink);min-width:0}.setup{display:grid;place-items:center;padding:2rem 1rem;overflow:auto}.setup__card{width:min(760px,100%);background:linear-gradient(180deg,#3a291af5,#1e150df5);border:1px solid rgba(217,164,65,.3);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.setup__title{font-family:var(--font-display);font-size:2.4rem;margin:0 0 .15rem;color:var(--gold);letter-spacing:.02em}.setup__subtitle{margin:0 0 1.6rem;color:var(--parchment-dim);font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field__label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--parchment-dim)}.setup__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.player-rows{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1.25rem}.player-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;gap:.6rem;align-items:center;background:#00000040;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.check{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--parchment-dim);cursor:pointer;user-select:none;margin:0 0 1.25rem}.player-rows+.check{margin-top:-.75rem}.check input{width:1.05rem;height:1.05rem;accent-color:var(--gold);cursor:pointer;flex:none}.swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(0,0,0,.45);box-shadow:inset 0 -3px 6px #00000059}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.18rem .5rem;border-radius:999px;background:#ffffff1a;color:var(--parchment-dim);border:1px solid rgba(255,255,255,.12)}.note{font-size:.85rem;color:var(--parchment-dim);line-height:1.5;background:#00000038;border-left:3px solid var(--gold);padding:.7rem .9rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 1.25rem}.game{display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:linear-gradient(180deg,#00000073,#0003);border-bottom:1px solid rgba(217,164,65,.22)}.topbar__brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.15rem;color:var(--gold)}.brand__mark{width:1.1rem;height:1.25rem;background:var(--gold);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.topbar__right{display:flex;gap:.5rem}.turn-banner{display:flex;align-items:center;gap:.6rem;font-weight:600;padding:.35rem .9rem;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.1);min-height:2.2rem}.turn-banner__dot{width:.85rem;height:.85rem;border-radius:50%;border:2px solid rgba(0,0,0,.4)}.turn-clock{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;padding:.16rem .5rem;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.14);color:var(--parchment-dim);font-variant-numeric:tabular-nums;font-size:.84rem}.turn-clock b{color:var(--parchment);font-weight:700}.turn-clock--off{opacity:.45}.turn-clock--low{background:#9622188c;border-color:#e0563f;color:#ffcabb;animation:clock-warn 1s ease-in-out infinite}.turn-clock--low b{color:#fff}@keyframes clock-warn{0%,to{box-shadow:0 0 #e0563f8c}60%{box-shadow:0 0 0 .4rem #e0563f00}}.icon{flex:none;display:block}.turn-banner__phase{color:var(--parchment-dim);font-weight:500;font-size:.88rem}.table{display:grid;grid-template-columns:1fr minmax(260px,320px);min-height:0}.board-wrap{position:relative;min-width:0;min-height:0}#board{width:100%;height:100%;display:block}.board-hint{position:absolute;left:50%;top:.75rem;transform:translate(-50%);background:#140e08e0;border:1px solid var(--gold);color:var(--parchment);padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-sm);pointer-events:none;max-width:90%;text-align:center}.board-hint:empty{display:none}.sidebar{display:grid;grid-template-rows:auto 1fr;gap:.6rem;padding:.6rem;background:#00000047;border-left:1px solid rgba(255,255,255,.07);min-height:0}.players{display:flex;flex-direction:column;gap:.4rem}.player-card{display:flex;flex-direction:column;gap:.4rem;padding:.5rem .6rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--player-color, #888);transition:background .2s ease}.player-card--active{background:#d9a44129;border-color:#d9a44180;border-left-color:var(--player-color, #888)}.player-card__head{display:flex;align-items:center;gap:.4rem}.player-card__name{font-weight:700;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card__vp{margin-left:auto;display:flex;align-items:center;gap:.22rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--gold);line-height:1}.player-stats{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.pstat{display:inline-flex;align-items:center;gap:.16rem;padding:.12rem .3rem;border-radius:5px;background:#0000004d;border:1px solid rgba(255,255,255,.07);color:var(--parchment-dim);font-size:.78rem;line-height:1}.pstat b{color:var(--parchment);font-size:.82rem}.pstat--on{background:#d9a4413d;border-color:var(--gold);color:var(--gold)}.pstat--on b{color:#ffe9b8}.pstat__sep{width:1px;align-self:stretch;margin:.1rem;background:#ffffff1f}.badge{font-size:.68rem;padding:.1rem .35rem;border-radius:4px;background:#d9a44138;border:1px solid rgba(217,164,65,.4);color:var(--gold);white-space:nowrap}.log{display:grid;grid-template-rows:auto 1fr;min-height:0;background:#00000040;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.log__title{margin:0;padding:.5rem .7rem .35rem;font-family:var(--font-display);font-size:.95rem;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.08)}.log__list{margin:0;padding:.5rem .7rem;list-style:none;overflow-y:auto;font-size:.82rem;line-height:1.45;display:flex;flex-direction:column;gap:.28rem}.log__entry{color:var(--parchment-dim)}.log__entry strong{color:var(--parchment)}.log__entry--dice{color:#eddba0}.log__entry--robber{color:#e79a8c}.log__entry--build{color:#a9d6b4}.log__entry--trade{color:#a8c8e8}.log__entry--victory{color:var(--gold);font-weight:600}.handbar{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.55rem 1rem;background:linear-gradient(0deg,#00000080,#0003);border-top:1px solid rgba(217,164,65,.22);height:7.6rem;overflow:hidden}.hand{display:flex;align-items:center;gap:.9rem;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.hand__group{display:flex;align-items:center;gap:.3rem;flex:none;padding:.25rem .55rem .25rem .4rem;border-radius:var(--radius-sm);background:#00000042;border:1px solid rgba(255,255,255,.06)}.hand__group--empty{opacity:.55}.hand__count{font-size:.7rem;color:var(--parchment-dim);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em;max-height:4.4rem}.hand__cards{display:flex;gap:.4rem}.dcard-btn{background:none;border:2px solid transparent;border-radius:12px;padding:2px;cursor:pointer;transition:transform .13s ease,border-color .13s ease}.dcard-btn:hover:not(:disabled){transform:translateY(-.28rem);border-color:#ffe296bf}.dcard-btn:active:not(:disabled){transform:translateY(-.1rem) scale(.97)}.dcard-btn:disabled{cursor:default}.dcard-btn:disabled .dcard{filter:grayscale(.7) brightness(.72)}.dcard{position:relative;width:3.3rem;height:3.9rem;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:#fdf6e6;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff52,0 3px 5px #00000073;background:linear-gradient(160deg,#6b5aa8,#43356f)}.dcard__name{font-size:.56rem;font-weight:700;letter-spacing:.01em;text-align:center;line-height:1;padding:0 .15rem}.dcard__count{position:absolute;top:-.28rem;right:-.28rem;min-width:1.15rem;height:1.15rem;padding:0 .22rem;border-radius:999px;background:#16100a;border:1.5px solid var(--gold);color:var(--parchment);font-size:.68rem;font-weight:700;display:grid;place-items:center;line-height:1}.dcard--knight{background:linear-gradient(160deg,#c4553f,#7d2a1c)}.dcard--roadBuilding{background:linear-gradient(160deg,#9a7245,#5d4023)}.dcard--yearOfPlenty{background:linear-gradient(160deg,#56a86f,#2a6b41)}.dcard--monopoly{background:linear-gradient(160deg,#7b5fb0,#453072)}.dcard--victoryPoint{background:linear-gradient(160deg,#dfae4c,#8f6420);color:#2a1a04}.rcard{position:relative;display:inline-flex;line-height:0;border-radius:10px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));transition:transform .14s ease,filter .14s ease}.rcard__art{display:block;border-radius:10px}.rcard__back{display:grid;place-items:center;border-radius:10px;background:repeating-linear-gradient(45deg,#4a3a22 0 6px,#3a2a18 6px 12px);color:var(--gold-dim);font:700 1.3rem var(--font-display);line-height:1;border:1px solid rgba(0,0,0,.55)}.rcard__count{position:absolute;top:-.3rem;left:-.3rem;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:#1b120a;border:1.5px solid var(--gold);color:var(--parchment);font-size:.74rem;font-weight:700;line-height:1;display:grid;place-items:center}.rcard__footer{position:absolute;left:50%;bottom:-.15rem;transform:translate(-50%);background:#100a05e0;border:1px solid rgba(217,164,65,.5);color:var(--parchment);font-size:.62rem;font-weight:700;line-height:1;padding:.12rem .3rem;border-radius:5px;white-space:nowrap}.rcard--empty{opacity:.34;filter:grayscale(.75)}.rcard--bump{animation:rcard-bump .62s ease}.rcard--deal{animation:rcard-deal .26s cubic-bezier(.2,1.5,.4,1)}@keyframes rcard-bump{0%{transform:none}28%{transform:translateY(-.5rem) scale(1.12);filter:drop-shadow(0 8px 12px rgba(255,214,120,.55))}to{transform:none}}@keyframes rcard-deal{0%{transform:translateY(.9rem) scale(.7) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.rcard-btn{background:none;border:2px solid transparent;border-radius:13px;padding:3px;cursor:pointer;line-height:0;transition:transform .13s ease,border-color .13s ease,background .13s ease}.rcard-btn:hover:not(:disabled){transform:translateY(-.28rem);background:#ffe2961f}.rcard-btn:active:not(:disabled){transform:translateY(-.1rem) scale(.97)}.rcard-btn--on{border-color:var(--gold);background:#d9a44138}.rcard-btn:disabled{cursor:not-allowed}.rcard-btn:disabled .rcard{opacity:.38;filter:grayscale(.8)}.hand__meta{font-size:.8rem;color:var(--parchment-dim);display:flex;flex-direction:column;gap:.2rem}.actions{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;max-width:34rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.action-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.12rem;min-width:5.9rem;padding:.5rem .7rem .45rem}.action-btn .icon{opacity:.9;margin-bottom:.05rem}.action-btn__label{font-size:.86rem;line-height:1.1}.action-btn small{font-size:.64rem;font-weight:500;opacity:.82;line-height:1.1}.action-btn__left{position:absolute;top:-.4rem;right:-.4rem;min-width:1.25rem;height:1.25rem;padding:0 .28rem;border-radius:999px;background:#16100a;border:1.5px solid rgba(255,226,150,.85);color:var(--parchment);font-size:.72rem;font-weight:700;line-height:1;display:grid;place-items:center}.action-btn:disabled .action-btn__left{opacity:.5}.action-btn--go:not(:disabled){background:linear-gradient(180deg,#8ee0ac 0%,var(--ok) 45%,#1d7148 100%);color:#06210f;animation:action-call 1.8s ease-in-out infinite}.action-btn--end:not(:disabled){background:linear-gradient(180deg,#ffffff29,#ffffff0d);color:var(--parchment);border-color:#fff3}@keyframes action-call{0%,to{box-shadow:inset 0 1px #ffffff80,0 2px #00000059,0 0 #5adc9600}50%{box-shadow:inset 0 1px #ffffff80,0 2px #00000059,0 0 0 .45rem #5adc9600;filter:brightness(1.12)}}.overlay{position:fixed;inset:0;background:#080503c7;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:20;padding:1rem}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#3a291afc,#1e150dfc);border:1px solid rgba(217,164,65,.35);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem 1.5rem}.modal__title{font-family:var(--font-display);color:var(--gold);margin:0 0 .3rem;font-size:1.4rem}.modal__text{color:var(--parchment-dim);font-size:.9rem;margin:0 0 1.1rem;line-height:1.5}.modal__footer{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.2rem}.shield{text-align:center;display:grid;gap:1rem;justify-items:center}.shield__crest{width:5.5rem;height:6.2rem;background:var(--shield-color, var(--gold));clip-path:polygon(50% 0%,100% 18%,100% 62%,50% 100%,0% 62%,0% 18%);box-shadow:var(--shadow);display:grid;place-items:center;font-family:var(--font-display);font-size:2.4rem;color:#0000008c;font-weight:700}.shield__name{font-family:var(--font-display);font-size:2rem;margin:0}.res-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}.res-picker__item{background:#00000047;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:.6rem;display:grid;gap:.4rem;justify-items:center}.res-picker__item[data-selected=true]{border-color:var(--gold);background:#d9a4412e}.rcard--chip{filter:none}.res-picker__name{font-size:.82rem;font-weight:600}.res-picker__stock{font-size:.72rem;color:var(--parchment-dim)}.stepper{display:flex;align-items:center;gap:.4rem}.stepper button{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--parchment);font-size:1.1rem;line-height:1;cursor:pointer}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper__value{min-width:1.6rem;text-align:center;font-weight:700;font-size:1.05rem}.modal--trade{width:min(46rem,100%)}.trade-tabs{display:flex;gap:.4rem;margin-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.12)}.trade-tab{font:inherit;font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:none;border-bottom:3px solid transparent;background:none;color:var(--parchment-dim);cursor:pointer;transition:color .14s ease,border-color .14s ease}.trade-tab:hover{color:var(--parchment)}.trade-tab--on{color:var(--gold);border-bottom-color:var(--gold)}.trade-board{display:flex;flex-direction:column;gap:.5rem;margin:.9rem 0 1.1rem;padding:.7rem .8rem;border-radius:var(--radius);background:#0000004d;border:1px solid rgba(217,164,65,.22)}.trade-row{display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:.7rem;min-height:3.6rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#ffffff0a}.trade-row__tag{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.86rem}.trade-arrow{width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.7rem;color:#fff;flex:none}.trade-arrow--give{background:#c0392b;box-shadow:0 0 0 2px #c0392b47}.trade-arrow--want{background:var(--ok);box-shadow:0 0 0 2px #3aa76d47}.trade-row__slots{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;min-height:2.9rem}.trade-row__empty{font-size:.78rem;color:var(--parchment-dim);opacity:.65;font-style:italic}.trade-heading{margin:.9rem 0 .45rem;font-family:var(--font-display);color:var(--gold);font-size:.95rem;font-weight:600}.card-rail{display:flex;flex-wrap:wrap;gap:.35rem;align-items:flex-end}.tag--deal{border-color:var(--ok);color:#d8f5e6;margin-right:auto}.responses{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}.response-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.45rem .6rem;border-radius:var(--radius-sm);background:#00000040;border-left:4px solid var(--player-color, #888)}.rules-list{font-size:.87rem;line-height:1.6;color:var(--parchment-dim)}.rules-list strong{color:var(--parchment)}@media (max-width: 1000px){.table{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{max-height:32vh;border-left:none;border-top:1px solid rgba(255,255,255,.07)}.handbar{grid-template-columns:1fr}.actions{max-width:none;justify-content:flex-start}}.overlay:not(.hidden){animation:fade-in .18s ease}.modal{animation:modal-in .26s cubic-bezier(.2,1.2,.35,1)}.log__entry{animation:log-in .32s ease}.turn-banner__dot{animation:dot-pulse 2.2s ease-in-out infinite}.player-card--active{animation:card-glow 2.6s ease-in-out infinite}.action-btn:active:not(:disabled){transform:translateY(1px) scale(.97)}.btn{transition:transform .12s ease,background .14s ease,border-color .14s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(1.4rem) scale(.94)}to{opacity:1;transform:none}}@keyframes log-in{0%{opacity:0;transform:translate(-.7rem)}to{opacity:1;transform:none}}@keyframes dot-pulse{0%,to{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 .35rem #fff0}}@keyframes card-glow{0%,to{box-shadow:0 0 #d9a44100}50%{box-shadow:0 0 .9rem #d9a44147}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.setup__or{margin:1rem 0 .6rem;text-align:center;color:var(--ink-soft);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.setup__error{margin:.6rem 0 0;color:#d8613f;font-size:.9rem}.room-code{font-family:Georgia,serif;letter-spacing:.28em;color:var(--gold)}.lobby__seats{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.lobby__seat{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:.6rem;background:#00000029;border:1px solid rgba(255,250,235,.08)}.lobby__seat--me{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 16%,transparent)}.lobby__dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--player-color);box-shadow:0 0 0 2px #00000059;flex:none}.lobby__name{display:flex;align-items:center;gap:.45rem;flex:1}.net-status{padding:.3rem .7rem;border-radius:999px;background:#d8613fe6;color:#fff;font-size:.8rem;font-weight:600}.chat{position:absolute;left:.75rem;bottom:.75rem;z-index:4;width:min(320px,32%);max-height:46%;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;min-height:0;pointer-events:none;opacity:.72;transition:opacity .18s ease}.chat:hover,.chat:focus-within{opacity:1}.chat__head{display:flex;align-items:center;gap:.4rem;padding-left:.15rem}.chat__title{margin:0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-shadow:0 1px 3px rgba(0,0,0,.8)}.chat__badge{min-width:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--gold);color:#2a1d09;font-size:.7rem;font-weight:700;text-align:center}.chat__list{overflow-y:auto;overscroll-behavior:contain;min-height:0;display:flex;flex-direction:column;gap:.3rem;padding-right:.2rem;font-size:.86rem;line-height:1.35;pointer-events:auto;scrollbar-width:thin;mask-image:linear-gradient(to bottom,transparent,#000 1.6rem);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.6rem)}.chat__list:empty{display:none}.chat__line,.chat__note{margin:0;padding:.3rem .5rem;border-radius:.45rem;background:#0e0a069e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:3px solid var(--player-color, transparent);box-shadow:0 1px 6px #0000004d;word-break:break-word;animation:chat-in .24s ease-out}.chat__line--me{background:#261c0ead}.chat__note{border-left-color:transparent;background:#0e0a0673;color:var(--ink-soft);font-style:italic;font-size:.8rem}.chat__who{font-weight:700;color:var(--player-color, var(--ink));margin-right:.35rem}.chat__form{display:flex;gap:.3rem;pointer-events:auto}.chat__input{flex:1;min-width:0;padding:.4rem .5rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.14);background:#0a07049e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font:inherit;font-size:.86rem}.chat__input:focus{outline:none;border-color:var(--gold)}.chat__send{padding:0 .6rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.14);background:#0a07049e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);cursor:pointer;transition:background .15s ease}.chat__send:hover{background:#ffffff29}@media (max-width: 900px){.chat{width:min(240px,52%);max-height:34%}}@keyframes chat-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.chat__line,.chat__note{animation:none}}.turn-banner__who--in{animation:banner-in .28s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.turn-banner__who--in{animation:none}}