.dice-container{z-index:1075;-webkit-user-select:none;user-select:none;gap:12px;transition:all .3s;display:flex;position:fixed;bottom:120px;right:372px}.dice-container.can-roll{cursor:pointer}.dice-container.can-roll:hover{transform:translateY(-2px)}.dice-container.disabled{cursor:not-allowed;opacity:.6}.die-wrapper{transform-style:preserve-3d;transition:transform .2s;position:relative}.die-wrapper:hover{transform:scale(1.05)}.dice-container.rolling .die-wrapper{animation:2s cubic-bezier(.25,.46,.45,.94) diceRollComplex}.dice-container.rolling .die-wrapper:first-child{animation-delay:0s}.dice-container.rolling .die-wrapper:nth-child(2){animation-delay:.15s}.die{width:52px;height:52px;transform-style:preserve-3d;background:linear-gradient(135deg,#f5ebd6 0%,#e8d9b8 100%);border:1px solid #d8c6a3;border-radius:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:relative;box-shadow:0 8px 16px #0000004d,inset 0 1px #fff9,inset 0 -1px #0000001a}.die:before{content:"";pointer-events:none;background:linear-gradient(45deg,#ffffff1a 0%,#0000 50%);border-radius:10px;position:absolute;inset:-1px}.pip-slot{place-items:center;display:grid;position:relative}.pip{background:radial-gradient(circle at 30% 30%,#1f2937,#111827);border-radius:50%;width:10px;height:10px;transition:all .3s;transform:translateZ(1px);box-shadow:0 2px 4px #0000004d,inset 0 -1px 2px #0003}.rolling .pip{animation:.15s ease-in-out infinite alternate pipFlicker}@keyframes diceRollComplex{0%{transform:rotateX(0)rotateY(0)rotate(0)scale(1)translateY(0)}15%{transform:rotateX(180deg)rotateY(90deg)rotate(45deg)scale(1.1)translateY(-8px)}30%{transform:rotateX(360deg)rotateY(270deg)rotate(180deg)scale(.95)translateY(0)}45%{transform:rotateX(540deg)rotateY(450deg)rotate(270deg)scale(1.15)translateY(-12px)}60%{transform:rotateX(720deg)rotateY(630deg)rotate(360deg)scale(.9)translateY(4px)}75%{transform:rotateX(810deg)rotateY(720deg)rotate(405deg)scale(1.05)translateY(-4px)}85%{transform:rotateX(900deg)rotateY(810deg)rotate(450deg)scale(.98)translateY(2px)}95%{transform:rotateX(930deg)rotateY(855deg)rotate(472deg)scale(1.02)translateY(-1px)}to{transform:rotateX(960deg)rotateY(900deg)rotate(480deg)scale(1)translateY(0)}}@keyframes pipFlicker{0%{opacity:1;transform:translateZ(1px)scale(1)}to{opacity:.4;transform:translateZ(1px)scale(.9)}}.dice-container.revealing .die{animation:.8s ease-out diceReveal}@keyframes diceReveal{0%{opacity:.5;transform:scale(.8)rotateY(90deg)}50%{opacity:.8;transform:scale(1.1)rotateY(45deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.dice-container:not(.rolling) .die-wrapper{animation:6s ease-in-out infinite subtleFloat}.dice-container:not(.rolling) .die-wrapper:nth-child(2){animation-delay:-3s}@keyframes subtleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(1deg)}}@media (width<=1000px){.dice-container{right:332px!important}}@media (width<=900px){.dice-container{right:256px!important}.die{width:44px;height:44px}.pip{width:8px;height:8px}}@media (height<=520px){.dice-container{bottom:96px}}.dice-container.can-roll .die{transition:all .2s}.dice-container.can-roll:hover .die{transform:translateY(-2px);box-shadow:0 12px 24px #0006,inset 0 1px #ffffffe6,inset 0 -1px #00000026,0 0 20px #c98a3e66}.dice-container.can-roll:hover .pip{background:radial-gradient(circle at 30% 30%,#7a3618,#5c2912);box-shadow:0 3px 6px #0006,inset 0 -1px 2px #0000004d,0 0 8px #c98a3e80}.dice-container.can-roll:active .die-wrapper{transform:scale(.95)translateY(1px)}.dice-container.rolling:after{content:"";pointer-events:none;border:2px solid #c98a3e99;border-radius:50%;width:80px;height:80px;animation:2s ease-out soundWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes soundWave{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.players-strip{flex-direction:column;gap:6px;padding:6px 8px;display:flex}.player-mini{background:var(--paper-dim);width:100%;min-height:58px;font-family:var(--font-body);border:1px solid #b9ab84;border-radius:10px;align-items:center;gap:10px;padding:4px 8px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.player-mini.active{background:var(--paper);border-color:var(--brass)}.pp-left{grid-template-rows:auto auto;place-items:center;width:86px;display:grid}.pp-name{color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;max-width:80px;margin-bottom:2px;font-size:12px;font-weight:700;overflow:hidden}.pp-round{width:48px;height:48px;position:relative}.pp-round-bg{object-fit:contain;z-index:0;width:48px;height:48px;position:absolute;inset:0}.pp-avatar{object-fit:contain;z-index:1;width:44px;height:44px;margin:auto;position:absolute;inset:0}.pp-ribbon{pointer-events:none;z-index:2;width:44px;height:16px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.pp-vp-text{color:#2b2b2b;z-index:3;font-size:11px;font-weight:800;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.pp-cards{align-items:center;gap:8px;display:flex}.card-with-count{width:45px;height:55px;position:relative}.card-img{object-fit:contain;z-index:0;width:100%;height:100%;display:block}.card-count{border:1px solid var(--brass);min-width:16px;height:16px;font-family:var(--font-mono);color:var(--paper);text-align:center;z-index:1;background:#140f0aeb;border-radius:10px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-6px;box-shadow:0 1px #00000014}.card-count.muted{color:var(--muted);border-color:var(--outline)}.pp-achievements{align-items:end;gap:14px;margin-left:auto;display:flex}.ach-col{grid-template-rows:auto 12px;place-items:center;display:grid}.ach-icon{object-fit:contain;width:40px;height:32px;display:block}.ach-count{font-size:13px;font-weight:800;font-family:var(--font-mono);color:var(--ink-text);margin-top:12px}.bottom-bar{right:354px;bottom:var(--bottom-bar-offset);background-color:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);z-index:1100;height:var(--bottom-bar-h);box-sizing:border-box;background-image:radial-gradient(circle at 20% -10%,#e3a94f1a,#0000 60%);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;display:flex;position:fixed;left:0}.cards-section{border:1px solid var(--panel-border);box-sizing:border-box;background:#140f0a59;border-radius:10px;flex-shrink:0;align-items:center;width:auto;min-width:420px;max-width:560px;height:72px;padding:8px 12px;display:flex;overflow:visible}.button-spacer{flex:1;min-width:12px}.no-cards{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:11px;font-style:italic;display:flex}.resource-cards{flex-wrap:nowrap;justify-content:flex-start;align-items:center;height:100%;display:flex;position:relative;overflow:visible}.resource-card-group{flex-shrink:0;align-items:center;height:100%;margin-right:12px;display:flex;position:relative}.resource-card-group[data-card-count]{margin-right:16px}.resource-card{transform:translate(0)}.resource-card+.resource-card{transform:translate(8px)}.resource-card:nth-child(3){transform:translate(16px)}.resource-card:nth-child(4){transform:translate(24px)}.resource-card:nth-child(5){transform:translate(32px)}.resource-card:nth-child(6){transform:translate(40px)}.resource-card:nth-child(7){transform:translate(48px)}.resource-card:nth-child(8){transform:translate(56px)}.resource-card-stack{align-items:center;min-width:44px;height:64px;display:flex;position:relative}.resource-card{background:#fff;border:1px solid #00000038;border-radius:0;justify-content:center;align-items:center;width:44px;height:64px;font-size:12px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 6px #0000002e}.resource-card-lumber{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#15803d}.resource-card-brick{background:linear-gradient(135deg,#e0592a 0%,#dc2626 100%);border-color:#b91c1c}.resource-card-wool{background:linear-gradient(135deg,#34d399 0%,#059669 100%);border-color:#047857}.resource-card-grain{background:linear-gradient(135deg,#facc15 0%,#eab308 100%);border-color:#ca8a04}.resource-card-ore{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);border-color:#4b5563}.resource-card-dev{cursor:pointer;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);border-color:#7c3aed}.card-svg-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card-svg-icon svg{fill:#fff;width:100%;height:100%}.card-icon{color:#fff;text-shadow:0 1px 2px #00000080;font-size:10px;font-weight:700}.resource-card .card-count{width:18px;height:18px;color:var(--paper);border:1px solid var(--brass);font-size:10px;font-weight:700;font-family:var(--font-mono);background:#140f0aeb;border-radius:9px;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.resource-card-stack--interactive{cursor:pointer}.resource-card-stack--interactive:focus{outline:none}.resource-card-stack--interactive:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.resource-card--selected{box-shadow:0 0 0 2px #a6402c99,0 6px 12px #a6402c4d}.frost{appearance:none;font:inherit;border:2px solid var(--outline);width:48px;height:48px;color:var(--text);cursor:pointer;background:#2a1f14bf;border-radius:10px;flex-shrink:0;place-items:center;margin:0;padding:0;font-weight:800;transition:border-color .15s,background-color .15s,transform .1s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 3px 8px #0000004d}.frost:hover:not(:disabled){border-color:var(--brass);box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow-glow);background:#3a2a1ae6;transform:translateY(-1px)}.frost:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.frost span{filter:drop-shadow(0 1px 2px #0000004d);font-size:18px;line-height:0}.frost:disabled{filter:grayscale(.6);opacity:.6;cursor:not-allowed;background:#140f0a66;border-color:#78603d4d}.frost:disabled:hover{transform:none;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0003}@media (width<=1000px){.bottom-bar{right:332px}}@media (width<=900px){.bottom-bar{gap:10px;left:8px;right:256px}.cards-section{min-width:280px;max-width:400px}}@media (width<=768px){.cards-section{padding:8px 10px}.resource-card-stack{min-width:26px;height:36px}.card-svg-icon{width:16px;height:16px}.card-count{width:16px!important;height:16px!important;font-size:9px!important}}@media (height<=520px){:root{--bottom-bar-h:68px}.bottom-bar{padding:6px 10px}.cards-section{height:52px}.resource-card{width:34px;height:48px}.resource-card-stack{height:48px}}.city-svg-img{object-fit:contain;width:28px;height:28px;display:block}.trade-modal-overlay{-webkit-backdrop-filter:blur(2px)}.trade-modal-content{scrollbar-width:thin;scrollbar-color:#c98a3e59 transparent}.trade-modal-content::-webkit-scrollbar{width:6px}.trade-modal-content::-webkit-scrollbar-track{background:0 0}.trade-modal-content::-webkit-scrollbar-thumb{background-color:#c98a3e59;border-radius:3px}.trade-modal-content::-webkit-scrollbar-thumb:hover{background-color:#c98a3e8c}@media (width<=1000px){.trade-modal-content{width:400px;left:12px}}@media (width<=768px){.trade-modal-content{width:auto;max-width:calc(100vw - 16px);bottom:90px;left:8px;right:8px}}@media (width<=480px){.trade-modal-content{max-height:calc(100vh - 100px);bottom:80px}}@media (width<=768px){.frost .piece-count-badge{min-width:16px!important;height:16px!important;font-size:9px!important;top:-3px!important;right:-3px!important}}@media (width<=480px){.frost .piece-count-badge{min-width:14px!important;height:14px!important;font-size:8px!important;top:-2px!important;right:-2px!important}}.frost .piece-count-badge{border:1px solid var(--brass);box-shadow:0 1px 3px #0000004d}.frost:hover .piece-count-badge{background:#1e160ef2;transition:all .1s;transform:scale(1.05)}.frost:not([style*="cursor: pointer"]) .piece-count-badge{color:var(--muted);border-color:var(--outline);background:#140f0a99}.trade-panel{z-index:1200;color:#2a1f14;width:min(440px,100vw - 24px);max-height:calc(100vh - 132px);font-family:var(--font-body);background:linear-gradient(#f6f1e6 0%,#ede1cd 55%,#e3d3b8 100%);border:1px solid #4755694d;border-radius:18px;padding:16px;position:fixed;bottom:116px;left:20px;overflow-y:auto;box-shadow:0 16px 36px #00000047}.trade-panel__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trade-panel__title{font-family:var(--font-display);color:#2a1f14;font-size:18px;font-weight:600}.trade-close{color:#6b6f76;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.trade-close:hover{color:#2a1f14;background:#78603d26}.trade-panel__top{align-items:stretch;gap:18px;margin-bottom:18px;display:flex}.trade-panel__overview{flex:1;gap:12px;display:grid}.trade-card-row{scrollbar-width:none;gap:10px;padding:4px 2px;display:flex;overflow-x:auto}.trade-card-row::-webkit-scrollbar{display:none}.trade-card{cursor:pointer;background:0 0;border:none;border-radius:0;width:60px;height:82px;padding:0;transition:transform .12s,filter .12s;position:relative}.trade-card img{object-fit:contain;pointer-events:none;width:100%;height:100%}.trade-card__badge{color:#fff;background:#2f6f6af2;border:1px solid #ffffffb3;border-radius:999px;min-width:22px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;top:4px;right:4px;box-shadow:0 4px 10px #0f172a59}.trade-card--active{filter:drop-shadow(0 10px 18px #0f172a66);transform:translateY(-4px)}.trade-flow{background:#fff6;border:1px solid #47556933;border-radius:18px;gap:10px;padding:12px 16px;display:grid;box-shadow:inset 0 1px #ffffff80}.trade-flow-row{align-items:center;gap:12px;display:flex}.trade-flow__avatar{background:#94a3b8;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 8px 18px #0f172a3d}.trade-flow__avatar img{pointer-events:none;width:62%}.trade-flow__avatar--receive{background:linear-gradient(#2f6f6acc,#1f504ce0)}.trade-flow__avatar--give{background:linear-gradient(#a6402cc7,#7a3618d9)}.trade-flow__arrow{border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:inset 0 1px #ffffffa6}.trade-flow__arrow svg{display:block}.trade-flow__arrow--down{background:#2f6f6a2e;border:1px solid #2f6f6a73}.trade-flow__arrow--up{background:#a6402c33;border:1px solid #a6402c73}.trade-flow__cards{flex-wrap:wrap;align-items:center;gap:10px;min-height:68px;display:flex}.trade-flow-card{cursor:default;width:52px;height:78px;font:inherit;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.trade-flow-card img{object-fit:contain;pointer-events:none;width:100%;height:100%}.trade-flow-card--interactive{cursor:pointer;transition:transform .12s}.trade-flow-card--interactive:hover{transform:translateY(-2px)}.trade-flow-card:disabled{opacity:1}.trade-flow-card:focus{outline:none}.trade-flow-card:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.trade-flow-card__count{color:#fff;text-shadow:0 1px 3px #0f172a73;background:#0f172aa6;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:4px;right:4px}.trade-flow-row--receive .trade-flow-card__count{background:#2f6f6ad9}.trade-flow-row--give .trade-flow-card__count{background:#a6402cd9}.trade-flow__empty{color:#64748b;flex:1;align-items:center;min-height:60px;padding-left:4px;font-size:12px;display:flex}.trade-card-row button:focus{outline:none}.trade-card-row button:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.trade-panel__actions{align-content:flex-start;align-self:flex-start;justify-items:center;gap:14px;display:grid}.trade-tab{cursor:pointer;background:#ffffff8c;border:2px solid #47556940;border-radius:20px;align-content:center;justify-items:center;gap:6px;width:66px;height:66px;padding:8px 6px;transition:transform .12s,box-shadow .15s,border-color .12s;display:grid;box-shadow:0 12px 24px #0f172a33}.trade-tab__icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.trade-tab__icon img{object-fit:contain;pointer-events:none;width:100%;height:100%}.trade-tab__label{color:#2a1f14;font-size:11px;font-weight:700}.trade-tab--ready{border-color:#c98a3ee6;transform:translateY(-4px);box-shadow:0 16px 28px #c98a3e59}.trade-tab--ready .trade-tab__label{color:#96601f}.trade-tab:disabled{opacity:.5;cursor:default;transform:none;box-shadow:0 10px 18px #47556926}.trade-tab:disabled .trade-tab__label{color:#6b6f76}.trade-tab:focus{outline:none}.trade-tab:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.trade-panel__notes{gap:6px;margin-top:12px;display:grid}.trade-note{color:#6b5c46;font-size:12px}.trade-note--ready{color:#256560;font-weight:600}@media (width<=1100px){.trade-panel{width:min(380px,100vw - 24px);left:12px}.trade-panel__top{flex-direction:column}}@media (height<=520px){.trade-panel{max-height:calc(100vh - 96px);bottom:84px}}.trade-offer-popup{color:#2a1f14;width:min(320px,100vw - 24px);max-height:calc(100vh - 34px);font-family:var(--font-body);z-index:1400;background:linear-gradient(#f6f2e9 0%,#ede4d5 50%,#e3dacb 100%);border:1px solid #4755694d;border-radius:20px;flex-direction:column;gap:14px;padding:18px 18px 16px;display:flex;position:fixed;top:17px;overflow-y:auto;box-shadow:0 18px 36px #0f172a59}.trade-offer-popup--left{left:360px}.trade-offer-popup--right{right:360px}.trade-offer-popup--incoming,.trade-offer-popup--outgoing{gap:12px;width:min(350px,100vw - 24px);padding:10px}@media (width<=900px){.trade-offer-popup--left{left:12px}.trade-offer-popup--right{right:12px}}.trade-offer-popup__incoming-strip{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.trade-offer-popup__incoming-strip-text{color:#0f172a;font-size:16px;font-weight:600;display:block}.trade-offer-popup__incoming-strip-name{display:block}.trade-offer-popup__incoming-content{gap:12px;display:grid}.trade-offer-popup__incoming-actions{justify-content:flex-end;gap:10px;display:flex}.trade-offer-popup__outgoing-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.trade-offer-popup__outgoing-participants-empty{color:#64748b;font-size:12px}.trade-offer-popup__participant-chip{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 6px 16px #0f172a38}.trade-offer-popup__participant-chip img{pointer-events:none;width:60%}.trade-offer-popup__outgoing-content{gap:12px;display:grid}.trade-offer-popup__exchange{background:#ffffff94;border:1px solid #94a3b83d;border-radius:16px;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #fff9}.trade-offer-popup__exchange-row{justify-content:flex-start;align-items:center;gap:14px;display:flex}.trade-offer-popup__exchange-actor{align-items:center;gap:8px;display:flex}.trade-offer-popup__exchange-actor .trade-offer-popup__arrow{width:30px;height:30px;margin-left:-6px}.trade-offer-popup__status-caption{color:#475569;font-size:12px}.trade-offer-popup__outgoing-footer{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.trade-offer-popup__outgoing-footer-right{align-items:flex-end;gap:8px;display:flex}.trade-offer-popup__status-list{flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.trade-offer-popup__status-empty{color:#94a3b8;border:1px dashed #94a3b88c;border-radius:12px;padding:8px 12px;font-size:12px}.trade-offer-popup__status-item{cursor:default;background-position:50%;background-size:cover;border:none;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .15s,box-shadow .18s;display:flex;position:relative}.trade-offer-popup__status-item--clickable{cursor:pointer}.trade-offer-popup__status-item--clickable:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 14px 22px #2563eb52}.trade-offer-popup__status-item:disabled{opacity:1;cursor:default}.trade-offer-popup__status-item--cancel{box-shadow:0 12px 22px #ef444452}.trade-offer-popup__status-item--cancel:hover{transform:translateY(-2px);box-shadow:0 16px 24px #ef444461}.trade-offer-popup__status-img{pointer-events:none;width:30px;height:auto}.trade-offer-popup__top{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.trade-offer-popup__title{letter-spacing:.02em;color:#0f172a;font-size:15px;font-weight:700}.trade-offer-popup__avatar{background:#94a3b8;border:3px solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 18px #0f172a40}.trade-offer-popup__avatar img{pointer-events:none;width:60%}.trade-offer-popup__subtitle{color:#475569;font-size:12px}.trade-offer-popup__body{background:#ffffff8c;border:1px solid #94a3b847;border-radius:16px;gap:16px;padding:12px;display:grid;box-shadow:inset 0 1px #fff9}.trade-offer-popup__row{grid-template-columns:98px 1fr;align-items:center;gap:12px;display:grid}.trade-offer-popup__actor{justify-items:center;gap:6px;display:grid}.trade-offer-popup__chip{justify-content:center;align-items:center;display:flex}.trade-offer-popup__chip-avatar{border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 6px 16px #0f172a33}.trade-offer-popup__chip-avatar img{pointer-events:none;width:60%}.trade-offer-popup__label{color:#475569;font-size:12px}.trade-offer-popup__arrow{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:inset 0 1px #fff9}.trade-offer-popup__arrow svg{display:block}.trade-offer-popup__arrow--in{background:#2f6f6a29;border:1px solid #2f6f6a73}.trade-offer-popup__arrow--out{background:#a6402c29;border:1px solid #a6402c73}.trade-offer-popup__cards{flex-wrap:wrap;gap:10px;display:flex}.trade-offer-card{justify-content:center;align-items:center;width:45px;height:78px;padding:0;display:flex;position:relative}.trade-offer-card img{pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.trade-offer-card__count{color:#fff;text-shadow:0 2px 4px #0f172a66;background:#0f172aa6;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;right:1px}.trade-offer-card--give .trade-offer-card__count{background:#a6402cd9}.trade-offer-card--receive .trade-offer-card__count{background:#2f6f6ad9}.trade-offer-popup__empty{color:#64748b;border:1px dashed #64748b73;border-radius:12px;place-items:center;min-height:60px;font-size:12px;display:grid}.trade-offer-popup__action{cursor:pointer;color:#fff;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:14px;place-items:center;width:52px;height:52px;font-size:20px;transition:transform .1s,box-shadow .15s;display:grid;box-shadow:0 12px 22px #0f172a47}.trade-offer-popup__action-icon{pointer-events:none;width:auto;height:26px}.trade-offer-popup__action:active{transform:scale(.96)}.trade-offer-popup__action:disabled{opacity:.45;cursor:not-allowed}.trade-offer-popup__cancel{color:#1f2937;cursor:pointer;background:linear-gradient(#e2e8f0,#cbd5f5);border:none;border-radius:999px;align-self:end;padding:8px 14px;font-weight:600;transition:transform .1s,box-shadow .15s;box-shadow:0 8px 18px #94a3b84d}.trade-offer-popup__cancel:hover{transform:translateY(-1px);box-shadow:0 12px 22px #94a3b859}.trade-offer-popup__cancel:active{transform:translateY(0)}.trade-offer-popup--outgoing .trade-offer-popup__status-empty{padding:6px 10px;font-size:11px}.trade-offer-popup--outgoing .trade-offer-popup__cards{justify-content:flex-start;gap:8px}.trade-offer-popup--outgoing .trade-offer-card{width:40px;height:auto;box-shadow:none;background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.trade-offer-popup--outgoing .trade-offer-card img{width:100%;height:auto;position:relative;top:auto;left:auto}.trade-offer-popup--outgoing .trade-offer-card__count{padding:1px 7px;font-size:16px;position:absolute;top:2px;right:2px}.trade-offer-popup--outgoing .trade-offer-card--receive,.trade-offer-popup--outgoing .trade-offer-card--give,.trade-offer-popup--outgoing .trade-offer-card--brick,.trade-offer-popup--outgoing .trade-offer-card--lumber,.trade-offer-popup--outgoing .trade-offer-card--grain,.trade-offer-popup--outgoing .trade-offer-card--ore,.trade-offer-popup--outgoing .trade-offer-card--wool{box-shadow:none;background:0 0;border:none}.year-of-plenty-popup{color:#1f2937;z-index:1350;background:linear-gradient(#f6f1e6 0%,#ede1cd 55%,#e3d3b8 100%);border:1px solid #4755694d;border-radius:20px;flex-direction:column;gap:14px;width:360px;padding:16px 18px 18px;display:flex;position:fixed;bottom:120px;left:17%;transform:translate(-50%);box-shadow:0 18px 34px #0f172a59}.year-of-plenty-popup__header{align-items:center;gap:14px;display:flex}.year-of-plenty-popup__card{background:#ede2ff;border-radius:10px;place-items:center;width:52px;height:72px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #4f46e559}.year-of-plenty-popup__card img{object-fit:contain;pointer-events:none;width:100%;height:100%}.year-of-plenty-popup__badge{color:#fff;background:linear-gradient(#6366f1 0%,#4f46e5 100%);border-radius:999px;padding:4px 8px;font-size:14px;font-weight:700;position:absolute;top:-8px;left:-8px;box-shadow:0 6px 12px #4f46e566}.year-of-plenty-popup__title{margin-bottom:2px;font-size:18px;font-weight:700}.year-of-plenty-popup__subtitle{color:#475569;font-size:13px}.year-of-plenty-popup__resource-list{justify-content:center;gap:10px;display:flex}.year-of-plenty-popup__resource-button{cursor:pointer;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border:1px solid #47556959;border-radius:12px;justify-content:center;align-items:center;width:58px;height:78px;padding:0;transition:transform .12s,box-shadow .16s,filter .16s;display:flex;position:relative;box-shadow:0 12px 24px #0f172a2e}.year-of-plenty-popup__resource-button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.year-of-plenty-popup__resource-button:not(.is-disabled):hover{transform:translateY(-4px);box-shadow:0 16px 28px #0f172a47}.year-of-plenty-popup__resource-button.is-selected{border-color:#0f766ed9;transform:translateY(-6px);box-shadow:0 18px 32px #0f172a4d}.year-of-plenty-popup__resource-button.is-disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.year-of-plenty-popup__resource-button:disabled{cursor:default}.year-of-plenty-popup__resource-button:disabled:not(.is-disabled){opacity:1}.year-of-plenty-popup__resource-button--brick{background:linear-gradient(145deg,#f97316 0%,#ea580c 100%)}.year-of-plenty-popup__resource-button--lumber{background:linear-gradient(145deg,#22c55e 0%,#16a34a 100%)}.year-of-plenty-popup__resource-button--grain{background:linear-gradient(145deg,#facc15 0%,#eab308 100%)}.year-of-plenty-popup__resource-button--ore{background:linear-gradient(145deg,#94a3b8 0%,#64748b 100%)}.year-of-plenty-popup__resource-button--wool{background:linear-gradient(145deg,#34d399 0%,#10b981 100%)}.year-of-plenty-popup__resource-icon{object-fit:contain;pointer-events:none;width:70%;height:70%}.year-of-plenty-popup__resource-count{color:#f8fafc;background:#0f172acc;border:1px solid #e2e8f099;border-radius:10px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:6px;right:6px}.year-of-plenty-popup__body{background:#ffffff8c;border:1px solid #94a3b859;border-radius:16px;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #fff9}.year-of-plenty-popup__selection-panel{align-items:center;gap:12px;display:flex}.year-of-plenty-popup__bank-icon{pointer-events:none;flex-shrink:0;width:36px;height:36px}.year-of-plenty-popup__selection-slots{gap:12px;display:flex}.year-of-plenty-popup__selection-slot{color:#94a3b8;background:#ffffffa6;border:1px dashed #94a3b899;border-radius:12px;place-items:center;width:58px;height:74px;font-size:11px;display:grid}.year-of-plenty-popup__selection-slot button{all:unset;cursor:pointer;background:0 0;border-radius:12px;place-items:center;width:100%;height:100%;display:grid;position:relative}.year-of-plenty-popup__selection-slot button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.year-of-plenty-popup__selection-slot--filled button{color:#f8fafc;background:linear-gradient(145deg,#0e7490eb,#082f49f2);border:1px solid #082f49cc;box-shadow:0 10px 24px #0f172a40}.year-of-plenty-popup__selection-slot--filled .year-of-plenty-popup__selection-icon{object-fit:contain;pointer-events:none;width:62%;height:62%}.year-of-plenty-popup__slot-index{color:#082f49;background:#f8fafcf2;border:1px solid #0e749073;border-radius:10px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 4px 10px #0f172a2e}.year-of-plenty-popup__slot-helper{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.year-of-plenty-popup__actions{justify-content:flex-end;gap:12px;display:flex}.year-of-plenty-popup__action-button{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:16px;place-items:center;width:52px;height:52px;transition:transform .12s,box-shadow .16s;display:grid;box-shadow:0 12px 26px #0f172a4d}.year-of-plenty-popup__action-button:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.year-of-plenty-popup__action-button:not(:disabled):active{transform:scale(.95)}.year-of-plenty-popup__action-icon{pointer-events:none;width:26px;height:26px}@media (width<=1200px){.year-of-plenty-popup{width:320px;bottom:108px}.year-of-plenty-popup__resource-button,.year-of-plenty-popup__selection-slot{width:52px;height:70px}}.monopoly-popup{gap:18px;width:350px;bottom:120px;left:10px;transform:none}.monopoly-popup__card{background:linear-gradient(#e0e7ff 0%,#c7d2fe 100%);box-shadow:0 8px 20px #4f46e540}.monopoly-popup__title{color:#1f2937;margin-bottom:4px;font-size:18px;font-weight:700}.monopoly-popup__subtitle{color:#475569;font-size:12px;line-height:1.35}.monopoly-popup__resource-list{flex-wrap:wrap;justify-content:flex-start;gap:12px}.monopoly-popup__hint{color:#475569;margin:0;font-size:12px;line-height:1.4}.monopoly-popup__actions{margin-top:4px}@media (width<=1200px){.monopoly-popup{width:300px;bottom:108px;left:32px}}@media (width<=900px){.monopoly-popup{width:calc(100% - 56px);left:28px;right:28px}.monopoly-popup__resource-list{justify-content:center}}@media (width<=640px){.monopoly-popup{width:calc(100% - 32px);bottom:96px;left:16px;right:16px}}.robber-steal-popup{z-index:1200;width:min(420px,100vw - 64px);position:fixed;bottom:120px;left:16px}.robber-steal-popup__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0f172a;background:linear-gradient(#f9f3e7 0%,#ece2cf 100%);border-color:#94a3b859;flex-direction:column;display:flex;overflow:hidden}.robber-steal-popup__header{background:linear-gradient(#ffffff1f,#ffffff05);border-bottom:1px solid #0f172a99;align-items:center;gap:12px;padding:18px 20px 16px;display:flex}.robber-steal-popup__icon{background:linear-gradient(#94a3b852,#0f172abf);border-radius:12px;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 2px 4px #0f172a80}.robber-steal-popup__icon img{max-width:42px;max-height:42px}.robber-steal-popup__titles{flex-direction:column;gap:2px;display:flex}.robber-steal-popup__title{color:#111827;margin:0;font-size:18px;font-weight:700}.robber-steal-popup__description{color:#0f172abf;margin:0;font-size:14px}.robber-steal-popup__body{background:linear-gradient(#ffffff47,#fff0);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 20px 20px;display:grid}.robber-steal-popup__players{flex-wrap:nowrap;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.robber-steal-popup__player{cursor:pointer;color:#0f172abf;background:#0206171f;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:96px;padding:12px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.robber-steal-popup__player:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a40}.robber-steal-popup__player:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.robber-steal-popup__player-circle{background-position:50%;background-size:cover;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:inset 0 2px 8px #0f172a73}.robber-steal-popup__player-circle img{object-fit:contain;width:36px;height:36px}.robber-steal-popup__player-name{text-align:center;color:inherit;font-size:14px;font-weight:600}.robber-steal-popup__player.is-selected{color:#0f172a;background:#6ee7b729;box-shadow:0 10px 24px #2dd4bf52}.robber-steal-popup__player.is-selected .robber-steal-popup__player-circle{box-shadow:inset 0 0 0 2px #6ee7b7d9,inset 0 6px 16px #0f172a73}.robber-steal-popup__confirm{color:#0f172a;cursor:pointer;background:linear-gradient(#8be9c7 0%,#4fd1c5 100%);border:1px solid #0e749059;border-radius:18px;place-items:center;width:60px;height:60px;transition:transform .12s,box-shadow .12s,filter .12s;display:grid;box-shadow:0 10px 20px #22c55e4d}.robber-steal-popup__confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 26px #0d948866}.robber-steal-popup__confirm:disabled{cursor:not-allowed;filter:grayscale(.45)brightness(.85);box-shadow:none}.robber-steal-popup__confirm svg{width:30px;height:30px}@media (width<=720px){.robber-steal-popup{width:auto;left:16px;right:16px}.robber-steal-popup__body{grid-template-columns:1fr;justify-items:center}.robber-steal-popup__confirm{width:54px;height:54px}}.robber-discard-popup{color:#1f2937;z-index:1400;background:linear-gradient(#f9f4eb 0%,#f0e3cf 58%,#e4d4ba 100%);border:1px solid #47556959;border-radius:18px;flex-direction:column;gap:16px;width:340px;max-width:90vw;max-height:calc(100vh - 24px);padding:16px 18px 18px;display:flex;position:fixed;bottom:132px;left:28px;overflow-y:auto;box-shadow:0 18px 34px #0f172a59}.robber-discard-popup__header{align-items:center;gap:14px;display:flex}.robber-discard-popup__card{place-items:center;width:60px;height:auto;display:grid;overflow:hidden}.robber-discard-popup__card img{object-fit:contain;pointer-events:none;width:100%;height:100%}.robber-discard-popup__title{font-family:var(--font-display);color:#963a28;font-size:17px;font-weight:600;transition:color .18s}.robber-discard-popup__title.is-complete{color:#256560}.robber-discard-popup__subtitle{color:#475569;margin-top:2px;font-size:13px;line-height:1.4}.robber-discard-popup__body{background:linear-gradient(#ffffffd9 0%,#ffffff8c 100%);border:1px solid #94a3b84d;border-radius:14px;gap:10px;min-height:116px;padding:14px;display:grid;box-shadow:inset 0 1px #fff9}.robber-discard-popup__body p{color:#334155;margin:0;font-size:13px}.robber-discard-popup__selection{justify-content:center;align-items:center;min-height:74px;display:flex}.robber-discard-popup__selected-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.robber-discard-popup__selected-group{justify-content:center;align-items:center;display:flex}.robber-discard-popup__selected-group .resource-card-group{margin-right:0}.robber-discard-popup__stack{outline:none}.robber-discard-popup__stack:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.robber-discard-popup__placeholder{color:#94a3b8;font-size:12px}.robber-discard-popup__hint{color:#64748b;font-size:11px}.robber-discard-popup__footer{justify-content:flex-end;display:flex}.robber-discard-popup__confirm{width:46px;height:46px;box-shadow:none;cursor:pointer;background:linear-gradient(#f1f5f9 0%,#dde5ee 100%);border:1px solid #94a3b880;border-radius:12px;place-items:center;transition:transform .16s,box-shadow .2s,filter .2s;display:grid}.robber-discard-popup__confirm img{pointer-events:none;width:20px;height:20px}.robber-discard-popup__confirm.is-ready{background:linear-gradient(#bcdedb 0%,#7fb3ac 100%);border-color:#2f6f6a8c;box-shadow:0 14px 24px #2f6f6a59}.robber-discard-popup__confirm.is-ready:hover{transform:translateY(-2px);box-shadow:0 18px 28px #2f6f6a66}.robber-discard-popup__confirm:disabled{cursor:default;filter:grayscale(.6)}@media (width<=900px){.robber-discard-popup{width:300px;bottom:124px;left:16px}}@media (width<=640px){.robber-discard-popup{bottom:120px;left:50%;transform:translate(-50%)}}@media (height<=520px){.robber-discard-popup{max-height:calc(100vh - 96px);bottom:80px}}.victory-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#060402d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-panel{background-color:var(--panel);border:1px solid var(--panel-border);width:min(840px,94vw);color:var(--text);box-shadow:var(--shadow-lg);background-image:radial-gradient(circle at 20% -10%,#e3a94f24,#0000 60%);border-radius:20px;gap:24px;padding:32px;display:grid}.victory-header{text-align:center;gap:8px;display:grid}.victory-heading{font-family:var(--font-display);letter-spacing:.5px;font-size:clamp(32px,4vw,46px);font-weight:600}.victory-subheading{color:var(--muted);font-size:18px}.victory-subheading span{color:var(--brass-bright);font-weight:600}.victory-target{font-family:var(--font-mono);color:var(--muted);font-size:14px}.victory-table{border:1px solid var(--panel-border);background:#0b0f1066;border-radius:16px;overflow:hidden}.victory-table-row{grid-template-columns:minmax(180px,1fr) repeat(5,minmax(72px,.6fr));align-items:center;gap:12px;padding:14px 20px;font-size:15px;display:grid}.victory-table-row:nth-child(odd):not(.victory-table-header){background:#c98a3e0a}.victory-table-header{text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);background:#c98a3e14;font-size:12px}.victory-table-header span,.victory-table-header img{filter:saturate(.6);height:20px;margin:0 auto;display:block}.victory-player-cell{align-items:center;gap:12px;font-weight:600;display:flex}.victory-player-badge{border:2px solid #f1e9d8cc;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #00000059}.victory-table-row--winner{background:linear-gradient(90deg,#e3a94f2e 0%,#e3a94f0d 100%);box-shadow:inset 0 0 0 1px #e3a94f66}.victory-table-row--winner .victory-total{color:var(--brass-bright);font-weight:700}.victory-total{font-family:var(--font-mono);text-align:center;font-size:20px;font-weight:600}.victory-table-row>div:not(.victory-player-cell){text-align:center}.victory-footer{color:var(--muted);justify-content:center;gap:16px;font-size:13px;display:flex}@media (width<=640px){.victory-panel{padding:24px}.victory-table-row{grid-template-columns:minmax(150px,1fr) repeat(5,minmax(60px,.5fr));padding:12px 16px;font-size:14px}.victory-total{font-size:18px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bottom-bar-offset:16px;--bottom-bar-h:88px;--above-bottom-bar-gap:36px;--above-bottom-bar:calc(var(--bottom-bar-offset) + var(--bottom-bar-h) + var(--above-bottom-bar-gap));--bg:#0b0f10;--bg-gradient:radial-gradient(ellipse at 30% 0%, #1a2420 0%, #0b0f10 55%, #090c0d 100%);--panel:#1e1710d1;--panel-border:#c98a3e59;--accent:#c98a3e;--accent-hover:#e3a94f;--outline:#78603d8c;--text:#f1e9d8;--muted:#b8ab8f;--danger:#a6402c;--danger-text:#e2725a;--warning:#c98a3e;--success:#4f7a4a;--paper:#f2e6cd;--paper-dim:#e8d9b8;--ink-text:#2a1f14;--brass:#c98a3e;--brass-bright:#e3a94f;--seal-red:#a6402c;--harbor-teal:#2f6f6a;--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px 0 #00000059;--shadow-md:0 4px 10px -2px #00000073, 0 2px 4px -1px #0000004d;--shadow-lg:0 12px 24px -6px #00000080, 0 4px 8px -2px #00000059;--shadow-glow:0 0 0 3px #c98a3e47}html,body,#root{height:100%;margin:0}html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{background-color:var(--bg);background-image:var(--bg-gradient), repeating-linear-gradient(60deg, #c98a3e0d 0px, #c98a3e0d 1px, transparent 1px, transparent 64px), repeating-linear-gradient(-60deg, #c98a3e0d 0px, #c98a3e0d 1px, transparent 1px, transparent 64px), repeating-linear-gradient(0deg, #c98a3e0a 0px, #c98a3e0a 1px, transparent 1px, transparent 64px);font-family:var(--font-body);color:var(--text)}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes unroll{0%{clip-path:inset(0 50%);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes stamp-in{0%{opacity:0;transform:scale(.85)rotate(-3deg)}60%{opacity:1;transform:scale(1.04)rotate(.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.unroll{animation:.6s cubic-bezier(.16,1,.3,1) forwards unroll}.stamp-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards stamp-in}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{touch-action:none;width:100vw;height:100vh;padding:0;position:relative;overflow:hidden}.panel{background-color:var(--panel);background-blend-mode:overlay, normal;border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle at 20% -10%,#e3a94f1f,#0000 60%);border-radius:14px}.sidebar{z-index:1000;box-sizing:border-box;flex-direction:column;gap:12px;width:340px;height:calc(100vh - 32px);padding:16px;animation:.5s ease-out slideUp;display:flex;position:absolute;top:16px;right:16px;overflow-y:auto}.title{font-family:var(--font-display);letter-spacing:.2px;font-weight:600}.pill{border:1px solid var(--outline);color:var(--muted);font-family:var(--font-mono);background:#140f0abf;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}.mono{font-family:var(--font-mono)}.badge-success{color:#b6d4ae;background:#4f7a4a2e;border-color:#4f7a4a80}.badge-warning{color:var(--brass-bright);background:#c98a3e2e;border-color:#c98a3e80}.badge-danger{color:var(--danger-text);background:#a6402c2e;border-color:#a6402c80}.badge-sm{padding:3px 8px;font-size:11px}.board-wrap{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.board{width:100%;height:100%;position:absolute;top:0;left:0}.board svg{width:100%;height:100%;display:block}.btn{border:1px solid var(--outline);color:var(--text);font-family:var(--font-body);cursor:pointer;background:#2a1f14bf;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s,transform .1s,box-shadow .15s}.btn:hover{border-color:var(--brass);background:#3a2a1ae6}.btn:focus-visible{box-shadow:var(--shadow-glow);outline:none}.btn:active{transform:scale(.96)}.btn-selected{border-color:var(--accent);background:var(--accent);color:var(--ink-text)}.btn-selected:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.icon-btn{border:1px solid var(--outline);color:var(--text);font-family:var(--font-body);cursor:pointer;background:#2a1f14bf;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;transition:border-color .15s,background-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.icon-btn:hover{border-color:var(--brass);background:#3a2a1ae6}.icon-btn:focus-visible{box-shadow:var(--shadow-glow);outline:none}.icon-btn:active{transform:scale(.96)}.icon{width:18px;height:18px;display:inline-block}.hero-shell{justify-content:center;align-items:center;padding:48px;display:flex}.hero-card{z-index:1;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:32px;display:flex;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--brass-bright);margin:0;font-size:12px}.hero-wordmark{margin:0;font-size:clamp(40px,6vw,64px);line-height:1.05}.hero-tagline{color:var(--muted);margin:0;font-style:italic}.hero-actions{gap:12px;margin-top:8px;display:grid}.compass-rose{opacity:.07;width:min(75vw,620px);height:min(75vw,620px);color:var(--brass);pointer-events:none;animation:160s linear infinite compass-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes compass-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.field-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field{width:100%;color:var(--text);font-family:var(--font-body);border:1px solid var(--outline);background:#0b0f108c;border-radius:10px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field:focus-visible,.field:focus{border-color:var(--brass);box-shadow:var(--shadow-glow);outline:none}.field:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0b0f10e6}.field:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0b0f10e6}.field:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0b0f10e6}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--brass)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roll-panel,.timer-box{color:#111827;background:linear-gradient(#f5ebd6,#eadfc5);border:1px solid #d8c6a3;border-radius:10px;padding:12px 18px;font-weight:800;transition:transform .2s;box-shadow:0 2px 5px #00000040}.timer-box{padding:10px 14px}.roll-panel:hover,.timer-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.lobby-grid{box-sizing:border-box;grid-template-columns:280px 1fr;gap:16px;height:100vh;padding:16px;display:grid}.lobby-col,.lobby-center{background-color:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow-md);background-image:radial-gradient(circle at 20% -10%,#e3a94f1a,#0000 60%);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.lobby-center{overflow:auto}.lobby-header{justify-content:space-between;align-items:center;display:flex}.lobby-list{flex-direction:column;gap:8px;display:flex}.lobby-player{border:1px solid var(--panel-border);background:#140f0a80;border-radius:12px;align-items:center;gap:8px;padding:8px;transition:transform .2s,background .2s;display:flex}.lobby-player:hover{background:#140f0acc;transform:translate(4px)}.lobby-player .avatar{border-radius:999px;width:10px;height:10px}.lobby-player .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.lobby-player .tag{color:var(--muted);font-size:12px}.invite{align-items:center;gap:8px;display:flex}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.rotate-prompt{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-prompt{z-index:9999;background:var(--bg);background-image:var(--bg-gradient);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}}.rotate-prompt__card{color:var(--paper);flex-direction:column;align-items:center;gap:12px;display:flex}.rotate-prompt__icon{color:var(--brass);animation:2.4s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}.rotate-prompt__title{font-family:var(--font-display);margin:0;font-size:22px}.rotate-prompt__text{color:var(--muted);max-width:320px;margin:0}@media (prefers-reduced-motion:reduce){.rotate-prompt__icon{animation:none}}@media (width<=1000px){.sidebar{width:300px}}@media (width<=900px){.sidebar{gap:8px;width:240px;height:calc(100vh - 16px);padding:10px;top:8px;right:8px}.sidebar .title{font-size:20px}.sidebar-tagline{display:none}}@media (height<=520px){.sidebar{gap:8px;height:calc(100vh - 16px);padding:10px;top:8px;right:8px}.sidebar-tagline{display:none}}