:root{--parchment: #f1e4c3;--parchment-dark: #dcc79a;--parchment-edge: #b99a62;--oak: #6b4423;--oak-light: #8b5e34;--oak-dark: #3b2a1a;--slate: #5a5f66;--slate-light: #7d838b;--slate-dark: #33373c;--sea: #2f6f7e;--sea-deep: #1f4f5c;--ink: #2b1d10;--ink-soft: #5b4630;--red: #9e1b1b;--gold: #d9b23c;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--touch: 44px;--shadow-panel: 0 6px 18px rgba(30, 18, 6, .45);--font-title: "Cinzel", "Trajan Pro", "Book Antiqua", Georgia, serif;--font-body: "Alegreya", "Palatino Linotype", "Book Antiqua", Georgia, serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.16 0 0 0 0 0.05 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--woodgrain: repeating-linear-gradient( 92deg, rgba(0, 0, 0, 0) 0 7px, rgba(0, 0, 0, .08) 7px 9px, rgba(255, 255, 255, .04) 9px 13px );color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);font-size:17px;color:var(--ink);background:var(--oak-dark) var(--woodgrain);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-variant-numeric:tabular-nums}h1,h2,h3,.title{font-family:var(--font-title);letter-spacing:.03em;margin:0}.num,.card-count,.count{font-variant-numeric:tabular-nums lining-nums}.token-num{font-family:var(--font-title)}.parchment{position:relative;background:var(--grain),radial-gradient(ellipse at 50% 40%,var(--parchment) 55%,var(--parchment-dark) 100%);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #5a3c1440,inset 0 0 24px #78501e59,var(--shadow-panel);padding:12px 14px}.panel-title{font-size:1rem;text-transform:uppercase;color:var(--oak);margin-bottom:8px;display:flex;align-items:center;gap:8px}.wood-frame{padding:8px;border-radius:var(--radius-lg);background:var(--woodgrain),linear-gradient(160deg,var(--oak-light),var(--oak) 45%,var(--oak-dark));box-shadow:inset 0 2px #ffdcaa40,inset 0 -3px #00000059,0 8px 20px #00000080}.stone-btn{min-height:var(--touch);min-width:var(--touch);padding:8px 16px;font-family:var(--font-title);font-weight:800;font-size:.95rem;letter-spacing:.04em;color:#f5efe4;text-shadow:0 1px 0 rgba(0,0,0,.6);border:0;border-radius:var(--radius-md);background:var(--grain),linear-gradient(180deg,var(--slate-light),var(--slate) 55%,var(--slate-dark));box-shadow:inset 0 1px #ffffff40,0 4px #26292d,0 6px 10px #00000059;cursor:pointer;touch-action:manipulation;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.stone-btn:active:not(:disabled),.stone-btn.pressed{transform:translateY(3px);box-shadow:inset 0 1px #ffffff26,0 1px #26292d,0 2px 4px #00000059}.stone-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.stone-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.stone-primary{background:var(--grain),linear-gradient(180deg,#4f8f5a,#346b3f 55%,#1f4a28);box-shadow:inset 0 1px #ffffff40,0 4px #143018,0 6px 10px #00000059}.stone-danger{background:var(--grain),linear-gradient(180deg,#b8434a,#8c2329 55%,#5e1015);box-shadow:inset 0 1px #ffffff40,0 4px #3d0a0d,0 6px 10px #00000059}.stone-ghost{background:#3b2a1a1f;color:var(--ink);text-shadow:none;box-shadow:inset 0 0 0 2px #3b2a1a59}.stone-lg{min-height:56px;font-size:1.15rem;padding:10px 22px}.ribbon{position:relative;display:inline-block;padding:8px 34px;font-family:var(--font-title);font-weight:800;font-size:1.05rem;color:#fff6e8;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#b8343c,#8c1f26);box-shadow:0 4px 10px #0006;text-align:center}.ribbon:before,.ribbon:after{content:"";position:absolute;top:6px;width:22px;height:100%;background:#6e161c;z-index:-1}.ribbon:before{left:-14px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.ribbon:after{right:-14px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.ribbon-blue{background:linear-gradient(180deg,#3a64b8,#22458a)}.ribbon-blue:before,.ribbon-blue:after{background:#15306a}.ribbon-gold{background:linear-gradient(180deg,#e2b84a,#b98a1c);color:#2b1d10;text-shadow:0 1px 0 rgba(255,255,255,.4)}.ribbon-gold:before,.ribbon-gold:after{background:#8a6510}.card{position:relative;width:78px;min-height:104px;padding:6px 4px 8px;border:0;border-radius:8px;font:inherit;color:var(--ink);background:var(--grain),linear-gradient(170deg,#f8eed4,#e7d3a6);box-shadow:inset 0 0 0 2px #78501e59,inset 0 0 0 5px #fffaeb99,inset 0 0 0 6px #78501e40,0 3px 8px #00000059;display:flex;flex-direction:column;align-items:center;gap:2px;touch-action:manipulation}button.card{cursor:pointer}button.card:active{transform:translateY(2px)}.card-art svg{width:48px;height:48px;display:block}.card-title{font-family:var(--font-title);font-weight:800;font-size:.72rem;text-align:center;line-height:1.1}.card-count{position:absolute;top:-8px;right:-8px;min-width:30px;height:30px;padding:0 6px;border-radius:15px;background:var(--oak-dark);color:#fff6e8;font-weight:800;font-size:1.05rem;display:grid;place-items:center;box-shadow:0 2px 4px #0006}.wax-seal{position:absolute;bottom:-5px;left:8px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9434b,#8c1f26 60%,#5e1015);box-shadow:0 1px 2px #0006}.card-res .wax-seal{display:none}.card-back{background:var(--grain),repeating-linear-gradient(45deg,#5c3a1c 0 6px,#6b4423 6px 12px);color:#f1e4c3}.card-dim{opacity:.55;filter:grayscale(.6)}.card-small{width:58px;min-height:76px}.card-small .card-title{font-size:.62rem}.card-small .card-art svg{width:34px;height:34px}.resource-icon{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.resource-label{font-weight:600}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 4px;border-radius:999px;background:#fffaeb8c;box-shadow:inset 0 0 0 2px var(--pc);font-weight:600}.player-chip.active{background:var(--pc);color:var(--pc-ink)}.toast-stack{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 12px);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;width:min(92vw,420px);pointer-events:none}.toast{padding:10px 14px;border-radius:var(--radius-md);background:#2b1d10ee;color:#fff6e8;box-shadow:var(--shadow-panel);font-weight:600;animation:toast-in .18s ease-out}.toast.error{background:#7a1a1fee}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.edge-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 0 10px var(--gold);animation:edge-flash .9s ease-out forwards;z-index:90}@keyframes edge-flash{0%,40%{opacity:1}to{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}input,select{font:inherit;min-height:var(--touch);padding:8px 12px;border-radius:var(--radius-sm);border:2px solid var(--parchment-edge);background:#fffaf0;color:var(--ink)}input:focus-visible{outline:3px solid var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.board-wrap{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.board-svg{width:100%;height:100%;display:block}.board-rot{transition:transform .5s ease}.thief{transition:transform .7s cubic-bezier(.5,0,.3,1)}.target{cursor:pointer}.hl-dot,.hl-line,.hl-hex{animation:target-pulse 1.1s ease-in-out infinite alternate}@keyframes target-pulse{0%{opacity:.65}to{opacity:1}}.hex-pulse>polygon:first-child{animation:hex-glow 1.4s ease-out}@keyframes hex-glow{0%,50%{filter:brightness(1.45) saturate(1.2)}to{filter:none}}.pulse-icon{animation:icon-pop 1.6s ease-out forwards}@keyframes icon-pop{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}.zoom-controls{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px}.zoom-controls button{width:44px;height:44px;border-radius:10px;border:0;font-size:1.4rem;font-weight:800;color:#fff6e8;background:#33373ccc;box-shadow:0 2px 6px #0006}.choice-halo{animation:target-pulse .9s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.choice-halo,.hl-dot,.hl-line,.hl-hex{animation:none}}.center-screen{min-height:100%;display:grid;place-items:center;padding:16px;color:var(--parchment)}.loading{font-family:var(--font-title);font-size:1.3rem}.hint{color:var(--ink-soft);font-size:.92rem;margin:6px 0}.why{color:var(--red);font-size:.88rem}.label{display:block;font-family:var(--font-title);font-size:.8rem;color:var(--oak);text-transform:uppercase;margin:8px 0 4px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.full{width:100%}.grow{flex:1}.icon-btn{min-width:44px;min-height:44px;border:0;background:transparent;font-size:1.3rem;cursor:pointer;color:inherit}.cards-inline{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}.cards-inline-item{display:inline-flex;align-items:center;gap:1px;font-weight:800}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:calc(env(safe-area-inset-top) + 24px) 16px 32px}.home-title{text-align:center;color:var(--parchment)}.home-title h1,.lobby-title,.table-title{font-size:clamp(2.2rem,9vw,4rem);font-weight:800;color:#f6d98d;text-shadow:0 2px 0 #5c3a17,0 4px 12px rgba(0,0,0,.6);text-align:center}.tagline{font-style:italic;margin:6px 0 12px}.home-icons{display:flex;justify-content:center;gap:10px}.home-frame{width:min(100%,460px);display:flex;flex-direction:column;gap:10px}.join-row{display:flex;gap:10px}.code-input{flex:1;font-family:var(--font-title);font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;width:100%}.new-game{display:flex;flex-direction:column;gap:10px}.phone-lobby{max-width:480px;margin:0 auto;min-height:100%;padding:calc(env(safe-area-inset-top) + 16px) 14px 24px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.phone-lobby>.ribbon{align-self:center}.join-form{display:flex;flex-direction:column;gap:8px}.join-form label{font-family:var(--font-title);font-size:.85rem;color:var(--oak)}.color-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-option{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 10px;border:3px solid;border-radius:var(--radius-md);background:#fffaf0;font:inherit;font-weight:600;text-align:left;cursor:pointer}.color-option small{display:block;font-weight:400;color:var(--ink-soft)}.color-option.chosen{box-shadow:0 0 0 3px var(--gold);background:#fff3cf}.color-option:disabled{opacity:.4;cursor:not-allowed}.color-option .taken{position:absolute;right:8px;top:4px;font-size:.75rem;font-style:italic}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-players li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--parchment);border-left:8px solid;font-weight:600;box-shadow:var(--shadow-panel)}.lobby-players li.empty{opacity:.55;font-style:italic;border-left-color:transparent}.lobby-players.big li{font-size:1.35rem;padding:12px 16px}.host-tag{margin-left:auto;font-size:.75rem;font-family:var(--font-title);background:var(--oak);color:var(--parchment);padding:2px 8px;border-radius:999px}.start-row{display:flex;flex-wrap:wrap;gap:10px}.start-row .stone-btn{flex:1}.waiting{color:var(--parchment);text-align:center;font-style:italic}.phone-qr{display:flex;align-items:center;gap:12px;margin-bottom:10px}.room-qr svg{width:100%;height:100%;display:block;border-radius:8px}.code{font-family:var(--font-title);letter-spacing:.2em}.phone{height:100%;max-width:560px;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr auto;background:var(--oak-dark) var(--woodgrain);position:relative}.phone-top{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;background:linear-gradient(180deg,var(--oak),var(--oak-dark));color:var(--parchment);border-bottom:4px solid var(--me)}.pt-me{display:flex;flex-direction:column;line-height:1.1}.pt-name{font-family:var(--font-title);font-weight:800}.pt-vp{font-size:.9rem}.turn-chip{margin-left:auto;padding:6px 10px;border-radius:999px;font-family:var(--font-title);font-weight:800;font-size:.8rem;white-space:nowrap;max-width:45vw;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 2px #00000040}.turn-chip.mine{animation:chip-glow 1.4s ease-in-out infinite alternate}@keyframes chip-glow{to{box-shadow:inset 0 0 0 2px #00000040,0 0 12px 2px var(--gold)}}.conn-badge{position:absolute;top:calc(env(safe-area-inset-top) + 56px);right:10px;background:var(--red);color:#fff;padding:2px 10px;border-radius:999px;font-size:.8rem;z-index:5}.phone-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--oak-dark)}.phone-tabs button{position:relative;min-height:44px;border:0;background:transparent;color:var(--parchment-dark);font-family:var(--font-title);font-weight:800;font-size:.85rem;border-bottom:3px solid transparent;cursor:pointer}.phone-tabs button.on{color:#f6d98d;border-bottom-color:#f6d98d}.phone-tabs .dot{position:absolute;top:8px;right:18%;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--oak-dark)}.phone-main{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:0}.phone-board{position:relative;flex:1;min-height:320px;border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 0 0 3px var(--oak)}.phone-board .board-wrap{position:absolute;inset:0}.place-hint{position:absolute;left:8px;right:60px;top:8px;margin:0;padding:6px 10px;border-radius:var(--radius-sm);background:#2b1d10dd;color:#fff6e8;font-size:.92rem;pointer-events:none}.phone-bar{display:flex;gap:10px;align-items:center;padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:linear-gradient(0deg,var(--oak-dark),var(--oak));min-height:76px}.bar-msg{color:var(--parchment);font-style:italic;flex:1;text-align:center}.steal-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.steal-row .bar-msg{flex:0 0 auto}.hand-tab{display:flex;flex-direction:column;gap:14px}.hand-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:10px}.hand-cards .card{width:100%}.hand-total{color:var(--parchment);text-align:right;margin:4px 0 0;font-size:.9rem}.section-title{color:#f6d98d;font-size:.9rem;margin-bottom:8px}.dev-cards{display:flex;flex-wrap:wrap;gap:14px;padding-top:8px}.dev-slot{display:flex;flex-direction:column;align-items:center;gap:4px;width:74px}.dev-why{font-size:.72rem;color:var(--parchment-dark);text-align:center}.hand-tab .hint,.trade-tab>.hint{color:var(--parchment-dark)}.hand-build{display:flex;flex-direction:column;gap:6px}.sheet-backdrop{position:fixed;inset:0;background:#140c048c;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:min(100%,560px);max-height:88vh;overflow-y:auto;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:18px 18px 0 0;background:var(--grain),linear-gradient(180deg,var(--parchment),var(--parchment-dark));box-shadow:0 -6px 20px #00000080;animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.5}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sheet-head h2{font-size:1.15rem}.sheet-actions{display:flex;gap:10px;margin-top:12px}.sheet-actions .stone-btn{flex:1}.build-list{display:flex;flex-direction:column;gap:12px}.build-item{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center}.build-meta{display:flex;flex-direction:column;gap:2px}.picker{display:flex;flex-direction:column;gap:4px}.picker-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker-ctl{display:flex;align-items:center;gap:6px}.pick-btn{width:44px;height:44px;border-radius:10px;border:0;font-size:1.3rem;font-weight:800;color:#fff6e8;background:var(--slate);box-shadow:0 3px 0 var(--slate-dark);cursor:pointer}.pick-btn:disabled{opacity:.35}.pick-count{min-width:28px;text-align:center;font-size:1.2rem;font-weight:800}.pick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pick-tile{position:relative;min-height:64px;border-radius:var(--radius-md);border:2px solid var(--parchment-edge);background:#fffaf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:.75rem;cursor:pointer}.pick-tile .resource-icon{flex-direction:column}.pick-tile.on{border-color:var(--gold);background:#fff3cf;box-shadow:0 0 0 2px var(--gold)}.pick-tile:disabled{opacity:.35}.pick-grid.small .pick-tile{min-height:56px}.rate{font-weight:800;font-size:.85rem}.rates{display:flex;flex-wrap:wrap;gap:6px}.rate-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 8px 2px 4px;border-radius:999px;background:#3b2a1a1a;font-weight:800;font-size:.85rem}.rate-chip.good{background:#e6d38f}.trade-tab{display:flex;flex-direction:column;gap:10px}.trade-sides{display:grid;grid-template-columns:1fr;gap:8px}.offer-card .offer-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offer-card{border:3px solid var(--gold)}.responses{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.responses li{display:flex;align-items:center;gap:8px}.resp{font-weight:800}.resp-accept{color:#2f6b3a}.resp-decline{color:var(--red)}.resp-wait{color:var(--ink-soft);font-style:italic}.player-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 4px;border-radius:999px;border:2px solid;background:#fffaf0;font-weight:700}.player-badge.active{box-shadow:0 0 0 2px var(--gold)}.offline-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:chip-glow 1s infinite alternate}.score-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.score-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.92rem}.log{margin:0;padding-left:18px;max-height:260px;overflow-y:auto;font-size:.92rem;display:flex;flex-direction:column;gap:2px}.log li.private{font-style:italic;color:var(--oak)}.dev-ref div{margin-bottom:6px}.dev-ref dt{font-family:var(--font-title);font-weight:800;font-size:.85rem}.dev-ref dd{margin:0;font-size:.9rem}.game-over{display:flex;flex-direction:column;align-items:center;gap:10px}.final-scores{background:var(--parchment);border-radius:var(--radius-md);padding:10px 10px 10px 34px;margin:0;display:flex;flex-direction:column;gap:6px}.install-hint{position:fixed;left:10px;right:10px;top:calc(env(safe-area-inset-top) + 104px);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:var(--radius-md);background:#2b1d10ee;color:#fff6e8;font-size:.9rem;z-index:40}.install-hint button{margin-left:auto;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-size:1.1rem}.table-lobby{min-height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px}.tl-row{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.tl-qr .parchment{display:flex;flex-direction:column;align-items:center}.tl-code{font-family:var(--font-title);font-size:4rem;font-weight:800;letter-spacing:.25em;margin:8px 0 0 .25em;color:var(--oak-dark)}.tl-url{margin:0}.tl-side{width:min(460px,100%);display:flex;flex-direction:column;gap:14px}.steps{margin:0;padding-left:22px;font-size:1.1rem}.table{position:fixed;inset:0;overflow:hidden;background:var(--sea-deep)}.tbl-board{position:absolute;inset:0}.tbl-board>.board-wrap{position:absolute;inset:0}.tbl-side-col{position:absolute;top:64px;bottom:64px;width:200px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;pointer-events:none;z-index:5}.tbl-side-col>*{pointer-events:auto}.tbl-left{left:8px}.tbl-right{right:8px}.tbl-top{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;pointer-events:none}.turn-ribbon{display:inline-flex;align-items:center;gap:8px;padding:4px 18px 4px 8px;border-radius:999px;background:var(--pc);color:var(--pc-ink);font-family:var(--font-title);font-weight:800;font-size:1.1rem;white-space:nowrap;box-shadow:0 0 0 3px #00000040,0 6px 16px #00000073}.tbl-corner{position:absolute;z-index:6;display:flex;align-items:center;gap:8px}.tbl-dice{bottom:10px;right:12px}.tbl-dice .dice-total{color:#fff6e8;text-shadow:0 2px 4px rgba(0,0,0,.6)}.tbl-bank{top:8px;left:10px;padding:4px 10px;border-radius:999px;background:#f1e4c3e6;box-shadow:var(--shadow-panel)}.tbl-bank .bank-item{font-size:.85rem}.deck-chip{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--oak);color:var(--gold)}.tbl-controls{top:8px;right:10px}.hud-btn{width:44px;height:44px;border-radius:12px;border:0;font-size:1.2rem;color:#fff6e8;background:#33373ccc;box-shadow:0 2px 6px #0006;cursor:pointer}.hud-btn[aria-pressed=true]{background:#6b4423;box-shadow:0 0 0 2px var(--gold)}.tbl-code{color:#fff6e8;font-family:var(--font-title);font-weight:800;letter-spacing:.15em;text-shadow:0 1px 3px rgba(0,0,0,.7)}.tbl-log{position:absolute;right:220px;top:60px;width:300px;max-height:60%;overflow-y:auto;z-index:7}.tbl-log .log{max-height:none;list-style:none;padding:0}.tbl-trade{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:340px;z-index:7;opacity:.96}.tbl-trade p{margin:0}.tbl-flash{position:absolute;top:40%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:8;animation:banner-in 3s ease-out forwards}.tbl-flash .ribbon{font-size:1.8rem;padding:14px 44px}@keyframes banner-in{0%{opacity:0;transform:scale(.8)}10%,80%{opacity:1;transform:scale(1)}to{opacity:0}}.bank-item{display:inline-flex;flex-direction:column;align-items:center;font-weight:800;font-size:1.1rem}.dice-pair{display:flex;align-items:center;gap:10px}.dice-total{font-family:var(--font-title);font-size:2.4rem;font-weight:800;margin-left:6px}.dice-pair.seven .dice-total{color:var(--red)}.die.rolling{animation:tumble .9s cubic-bezier(.3,.6,.4,1)}@keyframes tumble{0%{transform:translate(-80px,-30px) rotate(-260deg);opacity:.3}60%{transform:translate(6px,4px) rotate(20deg);opacity:1}to{transform:none}}.player-panel{position:relative;padding:8px 10px;opacity:.96;border-radius:var(--radius-md);background:var(--grain),linear-gradient(170deg,var(--parchment),var(--parchment-dark));border-left:10px solid var(--pc);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:6px;transition:box-shadow .3s}.player-panel.active{box-shadow:0 0 0 4px var(--gold),0 0 22px 4px #f2d16bb3,var(--shadow-panel)}.player-panel.active{border-left-width:14px;background:var(--grain),linear-gradient(170deg,#fff6dc,#f0dca8);animation:panel-glow 1.6s ease-in-out infinite alternate}@keyframes panel-glow{0%{box-shadow:0 0 0 4px var(--gold),0 0 14px 2px #f2d16b8c,var(--shadow-panel)}to{box-shadow:0 0 0 5px var(--gold),0 0 30px 8px #f2d16bd9,var(--shadow-panel)}}.pp-turn{display:flex;flex-direction:column;padding:4px 8px;border-radius:var(--radius-sm);background:var(--pc);color:var(--pc-ink);font-family:var(--font-title);font-weight:800;font-size:1rem;line-height:1.15}.pp-turn-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.pp-head{display:flex;align-items:center;gap:8px}.pp-name{font-family:var(--font-title);font-weight:800;font-size:1.15rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-vp{min-width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--pc);color:var(--pc-ink);font-family:var(--font-title);font-weight:800;font-size:1.5rem;box-shadow:inset 0 -3px #00000040}.pp-stats{display:flex;justify-content:space-between;font-size:1.05rem}.pp-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:.75rem;padding:1px 8px;border-radius:999px;background:var(--oak);color:var(--parchment);font-weight:600}.tag.warn{background:var(--gold);color:var(--ink)}.tag.offline{background:var(--red)}.seat-mode .tbl-side-col{top:130px;bottom:150px;justify-content:space-around}.player-panel.seat-left{transform:rotate(90deg)}.player-panel.seat-right{transform:rotate(-90deg)}.flyer{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);animation:fly 1.1s cubic-bezier(.5,0,.6,1) forwards;opacity:0}@keyframes fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-80%) scale(1.2)}to{opacity:.2;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.7)}}.dev-page{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100%}.dev-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dev-board{height:min(80vh,900px)}.frames{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.frame-label{color:var(--parchment);font-size:1rem;margin-bottom:6px}.device-frame{overflow:auto;border:6px solid #111;border-radius:24px;background:var(--oak-dark) var(--woodgrain);padding:12px}.sampler{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.sampler>*{max-width:100%}.sampler-board{width:100%;aspect-ratio:1;max-width:600px}@media(max-aspect-ratio:1/1){.tbl-board{bottom:34%}.tbl-side-col{top:auto;bottom:10px;width:calc(50% - 12px);height:32%}.tbl-dice{bottom:calc(34% + 8px)}}.dice-roll{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at center,#1e12068c,#0a0602d9);animation:dr-fade 4.2s ease-in-out forwards;overflow:hidden}@keyframes dr-fade{0%{opacity:0}6%,88%{opacity:1}to{opacity:0}}.dr-who{display:inline-flex;align-items:center;gap:12px;padding:8px 26px 8px 12px;border-radius:999px;font-family:var(--font-title);font-weight:800;font-size:clamp(1.4rem,4vw,2.4rem);box-shadow:0 6px 20px #00000080}.dr-dice{display:flex;gap:clamp(20px,6vw,80px)}.dr-die svg{width:clamp(110px,24vmin,220px);height:clamp(110px,24vmin,220px);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.tumbling .dr-die-a{animation:dr-tumble-a 2.2s cubic-bezier(.2,.7,.3,1) both}.tumbling .dr-die-b{animation:dr-tumble-b 2.2s cubic-bezier(.2,.7,.3,1) both}@keyframes dr-tumble-a{0%{transform:translate(-70vw,-30vh) rotate(-720deg) scale(.7)}45%{transform:translate(8vw,6vh) rotate(-140deg) scale(1.1)}65%{transform:translate(-3vw,-4vh) rotate(-40deg) scale(.95)}82%{transform:translate(1vw,1vh) rotate(-8deg)}to{transform:none}}@keyframes dr-tumble-b{0%{transform:translate(70vw,35vh) rotate(760deg) scale(.7)}45%{transform:translate(-8vw,-5vh) rotate(160deg) scale(1.1)}65%{transform:translate(3vw,4vh) rotate(45deg) scale(.95)}82%{transform:translate(-1vw,-1vh) rotate(10deg)}to{transform:none}}.landed .dr-die svg{animation:dr-land .42s ease-out}@keyframes dr-land{0%{transform:scale(1.18)}to{transform:scale(1)}}.dr-total{min-height:clamp(90px,16vmin,160px);display:flex;flex-direction:column;align-items:center;font-family:var(--font-title);font-weight:800;color:#f6d98d;text-shadow:0 3px 0 #5c3a17,0 6px 18px rgba(0,0,0,.7)}.dr-total .num{font-size:clamp(4rem,16vmin,9rem);line-height:1;animation:dr-land .42s ease-out}.dr-total.seven .num{color:#ff6b6b}.dr-seven{font-size:clamp(1.3rem,4vmin,2.2rem);color:#ffb3b3}.dice-roll.still{animation-name:none}.reveal-backdrop{align-items:center;z-index:70}.dev-reveal{width:min(92vw,380px);padding:18px 18px 20px;border-radius:18px;text-align:center;background:var(--grain),linear-gradient(180deg,var(--parchment),var(--parchment-dark));box-shadow:0 12px 40px #0009;animation:reveal-in .38s cubic-bezier(.2,.8,.3,1.2)}@keyframes reveal-in{0%{transform:scale(.7) rotate(-6deg);opacity:0}}.reveal-kicker{margin:0;font-family:var(--font-title);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--oak)}.reveal-card{display:flex;justify-content:center;margin:10px 0 6px}.reveal-card .card{width:130px;min-height:176px;animation:reveal-flip .6s ease-out}.reveal-card .card-art svg{width:88px;height:88px}.reveal-card .card-title{font-size:.95rem}@keyframes reveal-flip{0%{transform:perspective(600px) rotateY(90deg)}}.reveal-title{font-size:1.5rem;margin:4px 0 6px}.reveal-text{margin:0 0 8px;font-weight:600}.reveal-how{margin:0 0 14px;color:var(--ink-soft)}.table-rejoin{margin-top:10px}.table-offline{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:90;padding:10px 20px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--font-title);font-weight:800;box-shadow:var(--shadow-panel)}.phone.wide{max-width:none;grid-template-columns:minmax(0,1fr) minmax(380px,440px);grid-template-rows:auto auto 1fr auto;grid-template-areas:"top top" "board tabs" "board main" "bar bar"}.phone.wide .phone-top{grid-area:top}.phone.wide .phone-tabs{grid-area:tabs;grid-template-columns:repeat(3,1fr)}.phone.wide .phone-main{grid-area:main}.phone.wide .phone-bar{grid-area:bar;justify-content:center}.phone.wide .phone-bar>.stone-btn{max-width:360px}.phone.wide .wide-board{grid-area:board;position:relative;padding:10px 0 10px 10px;min-height:0}.phone.wide .wide-board .phone-board{position:absolute;inset:10px 0 10px 10px;min-height:0}.phone.wide .turn-chip{max-width:none}.phone.wide .install-hint{left:auto;right:16px;width:420px}@media(orientation:portrait){.phone.wide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1.15fr) auto minmax(0,1fr) auto;grid-template-areas:"top" "board" "tabs" "main" "bar"}.phone.wide .wide-board{padding:10px 10px 0}.phone.wide .wide-board .phone-board{inset:10px 10px 0}}