:root{--bg-primary:#0e1420;--bg-secondary:#141e30;--bg-card:#0f3460;--green:#2ecc71;--yellow:#f1c40f;--red:#e74c3c;--orange:#e67e22;--strawberry:#e74c3c;--banana:#f1c40f;--grape:#9b59b6;--durian:#27ae60;--gorilla:#8b4513;--bell-gold:gold;--accent:#b89426;--accent-glow:#e8c547;--btn-primary-gradient-end:#6b5420;--btn-primary-gradient:linear-gradient(135deg, var(--accent-glow), var(--btn-primary-gradient-end));--text-primary:#f0ece4;--text-secondary:#9aa3b0;--text-muted:#8a9aaa;--text-dim:#888;--text-soft:#aaa;--text-form:#eee;--text-faint:#ccc;--text-caption:#a0b0c0;--text-subdued:#6a7a8a;--text-icon-dim:#566;--text-inverse:#fff;--text-overlay:#ffffffbf;--ui-border-faint:#ffffff0d;--ui-border-subtle:#ffffff14;--ui-border-default:#ffffff1a;--ui-border-medium:#ffffff1f;--ui-border-strong:#ffffff26;--ui-divider:#ffffff0f;--ui-divider-faint:#ffffff08;--ui-fill-hint:#ffffff08;--ui-fill-soft:#ffffff0f;--ui-fill-medium:#ffffff14;--ui-fill-raised:#ffffff1a;--ui-fill-focus:#ffffff1f;--ui-on-surface-dim:#ffffff47;--ui-border-dashed:1px dashed #ffffff26;--overlay-scrim:#000c;--overlay-scrim-strong:#000000d9;--overlay-scrim-light:#0000008c;--overlay-scrim-panel:#000000b3;--overlay-topbar:#00000059;--modal-surface-gradient:linear-gradient(160deg, #141e30f7, #0f1626fa);--modal-surface-gradient-tight:linear-gradient(160deg, #141e30fa, #0f1626fc);--modal-shadow:0 20px 60px #0009, 0 0 40px #0000004d;--modal-shadow-soft:0 20px 60px #0009;--z-demo-seat-bar:950;--lobby-card-shadow:0 20px 60px #00000080, 0 0 80px #0003;--board-panel-shadow:0 12px 40px #00000059;--shadow-card-elevated:0 4px 18px #0006;--shadow-text:0 1px 2px #0000004d;--shadow-text-lg:0 2px 4px #0000004d;--shadow-text-strong:0 1px 4px #00000073;--shadow-avatar:0 2px 4px #0006;--shadow-float:0 2px 6px #0000004d;--shadow-drop-logo:0 4px 12px #00000080;--shadow-card-soft:0 2px 10px #0000004d;--shadow-panel:0 4px 16px #0000004d;--shadow-inset-highlight:inset 0 1px 0 #ffffff0d;--accent-bg-08:color-mix(in srgb, var(--accent) 8%, transparent);--accent-bg-15:color-mix(in srgb, var(--accent) 15%, transparent);--accent-bg-20:color-mix(in srgb, var(--accent) 20%, transparent);--accent-bg-30:color-mix(in srgb, var(--accent) 30%, transparent);--accent-border-15:color-mix(in srgb, var(--accent) 15%, transparent);--accent-border-25:color-mix(in srgb, var(--accent) 25%, transparent);--accent-border-40:color-mix(in srgb, var(--accent) 40%, transparent);--danger-bg:color-mix(in srgb, var(--red) 6%, transparent);--danger-border:color-mix(in srgb, var(--red) 15%, transparent);--danger-border-strong:color-mix(in srgb, var(--red) 20%, transparent);--danger-glow-soft:color-mix(in srgb, var(--red) 10%, transparent);--danger-gradient-badge:linear-gradient(135deg, color-mix(in srgb, var(--red) 15%, transparent), #b432281a);--danger-border-badge:color-mix(in srgb, var(--red) 20%, transparent);--danger-shadow-badge:0 0 30px color-mix(in srgb, var(--red) 10%, transparent);--danger-text-glow:0 0 8px color-mix(in srgb, var(--red) 30%, transparent);--danger-panel-bg:color-mix(in srgb, var(--red) 15%, transparent);--danger-panel-border:color-mix(in srgb, var(--red) 30%, transparent);--danger-radial-soft:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--red) 18%, transparent), color-mix(in srgb, var(--red) 5%, transparent));--danger-drop-icon:drop-shadow(0 2px 6px color-mix(in srgb, var(--red) 35%, transparent));--success-bg:color-mix(in srgb, var(--green) 8%, transparent);--success-border:color-mix(in srgb, var(--green) 15%, transparent);--success-bg-soft:color-mix(in srgb, var(--green) 10%, transparent);--success-line:color-mix(in srgb, var(--green) 10%, transparent);--success-highlight-15:color-mix(in srgb, var(--green) 15%, transparent);--success-highlight-30:color-mix(in srgb, var(--green) 30%, transparent);--success-bg-banner:color-mix(in srgb, var(--green) 25%, transparent);--success-border-banner:color-mix(in srgb, var(--green) 50%, transparent);--success-inset-glow:color-mix(in srgb, var(--green) 8%, transparent);--gold-bg-06:color-mix(in srgb, var(--bell-gold) 6%, transparent);--gold-bg-10:color-mix(in srgb, var(--bell-gold) 10%, transparent);--gold-bg-15:color-mix(in srgb, var(--bell-gold) 15%, transparent);--gold-bg-20:color-mix(in srgb, var(--bell-gold) 20%, transparent);--gold-border-20:color-mix(in srgb, var(--bell-gold) 20%, transparent);--gold-border-30:color-mix(in srgb, var(--bell-gold) 30%, transparent);--gold-border-35:color-mix(in srgb, var(--bell-gold) 35%, transparent);--gold-border-60:color-mix(in srgb, var(--bell-gold) 60%, transparent);--gold-glow-soft:color-mix(in srgb, var(--bell-gold) 15%, transparent);--gold-text-40:color-mix(in srgb, var(--bell-gold) 40%, transparent);--gold-text-50:color-mix(in srgb, var(--bell-gold) 50%, transparent);--gold-text-60:color-mix(in srgb, var(--bell-gold) 60%, transparent);--gold-shadow-card:0 4px 20px color-mix(in srgb, var(--bell-gold) 10%, transparent);--gold-radial-soft:radial-gradient(circle at 40% 35%, #ffd70026, #ffd7000d);--gold-drop-icon:drop-shadow(0 2px 6px #ffd7004d);--badge-victory-gradient:linear-gradient(135deg, #ffd70033, #ffb4001a);--badge-victory-border:#ffd7004d;--badge-victory-shadow:0 0 30px #ffd70026;--badge-victory-glow-icon:drop-shadow(0 4px 8px #ffd7004d);--draw-blue-start:#3498db;--draw-blue-end:#2980b9;--draw-gradient:linear-gradient(135deg, var(--draw-blue-start), var(--draw-blue-end));--deck-panel-gradient:linear-gradient(145deg, #1a1a2e, #16213e);--card-back-gradient:linear-gradient(145deg, #0a0a0a, #111);--card-sheen:linear-gradient(to bottom, #ffffff05, #ffffff1f, #ffffff05);--order-board-bg:linear-gradient(160deg, #19281ed9, #0f1e14e6);--order-board-header:#b8e0c8;--order-board-label:#8ab89e;--order-board-gorilla-bg:linear-gradient(135deg, #3c230f40, #2816084d);--order-board-gorilla-text:#daa06d;--order-board-gorilla-muted:#5a7a6a;--order-board-row-muted:#6a8a7a;--gorilla-border-soft:color-mix(in srgb, var(--gorilla) 30%, transparent);--gorilla-border-strong:color-mix(in srgb, var(--gorilla) 35%, transparent);--gorilla-border-emphasis:color-mix(in srgb, var(--gorilla) 40%, transparent);--gorilla-bg-soft:color-mix(in srgb, var(--gorilla) 10%, transparent);--gorilla-shadow-soft:0 0 12px color-mix(in srgb, var(--gorilla) 15%, transparent);--sand-peru:peru;--sand-bg-soft:#cd853f0f;--sand-border-soft:#cd853f1f;--sand-bg-medium:#cd853f14;--sand-border-medium:#cd853f26;--inactive-tab-bg:#3c3c464d;--card-shadow:0 4px 20px #0006;--card-border:1px solid var(--ui-border-subtle);--card-shell-shadow-idle:var(--shadow-card-soft), var(--shadow-inset-highlight);--card-shell-shadow-active:var(--card-shadow), var(--shadow-inset-highlight);--shadow-text-on-card:0 1px 2px #0000008c;--order-board-container-shadow:0 4px 20px #0000004d, inset 0 1px 0 var(--success-inset-glow);--order-board-panel-max-width:420px;--gorilla-banner-shadow:0 2px 8px #0003;--radius:12px;--radius-sm:8px;--panel-bg:#0f1420bf;--board-section-row-gap:5px;--board-ribbon-band-height:max(132px, min(10dvh, 200px));--scrollbar-size:8px;--scrollbar-radius:6px;--scrollbar-track:var(--ui-fill-medium);--scrollbar-thumb:color-mix(in srgb, var(--accent) 42%, var(--ui-border-strong));--scrollbar-thumb-hover:color-mix(in srgb, var(--accent-glow) 38%, var(--ui-fill-focus))}*{box-sizing:border-box;margin:0;padding:0}.app-main-scroll,.resolution-modal-scroll,.order-board-order-list,.lobby-main-scroll,.lobby-avatar-strip,.game-guide-content,.modal-content-tall,.modal-overlay-safe,.board-slot--topbar,.board-slot--players,.phone-menu-drawer-body,.deck-picker-modal,.player-angry-row-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.app-main-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.resolution-modal-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.order-board-order-list::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.lobby-main-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.lobby-avatar-strip::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.game-guide-content::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.modal-content-tall::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.modal-overlay-safe::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.board-slot--topbar::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.board-slot--players::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.phone-menu-drawer-body::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.deck-picker-modal::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.player-angry-row-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.app-main-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.resolution-modal-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.order-board-order-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.lobby-main-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.lobby-avatar-strip::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.game-guide-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.modal-content-tall::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.modal-overlay-safe::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.board-slot--topbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.board-slot--players::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.phone-menu-drawer-body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.deck-picker-modal::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.player-angry-row-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}.app-main-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.resolution-modal-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.order-board-order-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.lobby-main-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.lobby-avatar-strip::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.game-guide-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.modal-content-tall::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.modal-overlay-safe::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.board-slot--topbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.board-slot--players::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.phone-menu-drawer-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.deck-picker-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.player-angry-row-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid var(--scrollbar-track);background-clip:padding-box}.app-main-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.resolution-modal-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.order-board-order-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.lobby-main-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.lobby-avatar-strip::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.game-guide-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.modal-content-tall::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.modal-overlay-safe::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.board-slot--topbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.board-slot--players::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.phone-menu-drawer-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.deck-picker-modal::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.player-angry-row-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--scrollbar-track);background-clip:padding-box}.app-main-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.resolution-modal-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.order-board-order-list::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.lobby-main-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.lobby-avatar-strip::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.game-guide-content::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.modal-content-tall::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.modal-overlay-safe::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.board-slot--topbar::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.board-slot--players::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.phone-menu-drawer-body::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.deck-picker-modal::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.player-angry-row-scroll::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (width>=641px){html{font-size:110%}}html,body,#root{width:100%;min-height:100dvh}body{background:var(--bg-primary);color:var(--text-primary);background-image:url(/assets/background.webp);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}@media (width<=640px){body{background-image:url(/assets/background-phone.webp);background-attachment:scroll}}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 40%,#0009 100%);position:fixed;inset:0}#root{z-index:1;position:relative}.bgio-client{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;transition:all .2s}button:disabled{cursor:not-allowed}input{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-200px)rotate(720deg)}}@keyframes cardHoverGlow{0%,to{box-shadow:0 2px 10px #0000004d}50%{box-shadow:0 4px 20px #ffd70026}}@media (width<=640px){body{font-size:14px}input,select,textarea{font-size:16px}}.order-board-root{box-sizing:border-box;width:min(100%, var(--order-board-panel-max-width));min-width:min(100%, var(--order-board-panel-max-width));max-width:var(--order-board-panel-max-width);touch-action:pan-y}.order-board-root *{touch-action:pan-y}.drawn-card-side-picker{box-sizing:border-box}.board-drawn-card-below-bell{flex-shrink:0;width:100%;min-width:0;max-width:380px}.board-drawn-card-below-bell .drawn-card-side-picker{pointer-events:auto;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;display:flex}.board-drawn-card-below-bell .drawn-card-side-modal{box-sizing:border-box;width:100%;max-width:100%}.board-game-container.board-game-play{padding-top:16px;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));padding-bottom:max(16px, env(safe-area-inset-bottom,0px));box-sizing:border-box}.board-game-column{box-sizing:border-box;grid-template-rows:auto auto minmax(0, 1fr) var(--board-ribbon-band-height);row-gap:var(--board-section-row-gap);flex:1 1 0;grid-template-columns:minmax(0,1fr);align-content:stretch;column-gap:0;width:100%;min-width:0;min-height:0;margin:0 auto;display:grid;overflow:hidden}.board-mid-desktop-group,.board-order-and-bell-wrap{display:contents}.board-slot--topbar{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:hidden auto}.board-slot--players{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;display:flex;overflow:hidden auto}.board-slot--players .board-opponents-band-shell,.board-slot--players .board-opponents-band-fade-wrap{flex-direction:column;flex:none;justify-content:flex-start;min-height:0;display:flex}.board-slot--players .board-opponents-band{flex:none;max-height:100%}.board-slot--order{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.board-slot--order .order-board-root--fill{min-height:0;width:min(100%, var(--order-board-panel-max-width));min-width:min(100%, var(--order-board-panel-max-width));max-width:var(--order-board-panel-max-width);box-sizing:border-box;flex:1 1 0;align-self:center}.board-slot--ribbon{box-sizing:border-box;flex-flow:row;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.board-bell-area{min-width:unset;z-index:5;width:100%;height:100%;min-height:0;padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--ui-border-faint);border-radius:12px;flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;gap:14px;display:flex;position:relative;box-shadow:0 -10px 28px #00000073}.board-bell-area--choose-side{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom,0px));flex-flow:column;justify-content:center;align-items:stretch;gap:0}.board-bell-area--choose-side .drawn-card-side-ribbon{flex:1 1 0;align-self:stretch;width:100%;min-width:0;min-height:0;overflow:hidden}.board-top-bar{flex-wrap:wrap;gap:8px}@media (width>=641px){.board-game-column{grid-template-rows:auto auto minmax(0,1fr)}.board-order-and-bell-wrap{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:stretch;gap:32px;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.board-order-wrap{flex:0 0 var(--order-board-panel-max-width);width:var(--order-board-panel-max-width);max-width:min(var(--order-board-panel-max-width), 100%);align-self:stretch;min-height:0}.board-desktop-bell-stack{flex-direction:column;flex:none;align-items:stretch;gap:12px;width:min-content;min-width:0;max-width:min(100%,320px);display:flex}.board-desktop-bell-stack .board-bell-area.board-slot--ribbon-desktop{width:100%;height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;padding-top:10px;padding-bottom:10px}}.game-shell-top-zone{z-index:350;flex-shrink:0;position:relative}.demo-game-seat-bar{z-index:var(--z-demo-seat-bar);padding:0 max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));pointer-events:auto;background:var(--overlay-topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ui-border-subtle);box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.lobby-avatar-strip{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;flex-flow:row;align-items:center;gap:6px;margin-left:-4px;margin-right:-4px;padding-bottom:8px;padding-left:4px;padding-right:4px;display:flex;overflow:auto hidden}.lobby-avatar-option{scroll-snap-align:center;flex-shrink:0}@media (width<=640px){.lobby-root{padding-left:max(12px, env(safe-area-inset-left,0px))!important;padding-right:max(12px, env(safe-area-inset-right,0px))!important;padding-bottom:max(20px, env(safe-area-inset-bottom,0px))!important}.lobby-card{padding:28px 20px 32px!important}.lobby-player-count{flex-wrap:wrap!important}.player-area-panel{max-width:100%;min-width:min(160px,100%)!important}.order-board-gorilla-banner{flex-wrap:wrap!important}.modal-overlay-safe{-webkit-overflow-scrolling:touch;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))!important;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important}.modal-content-tall{-webkit-overflow-scrolling:touch;max-height:min(90vh, calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))!important;overflow-y:auto!important}.demo-player-tabs{flex-wrap:wrap!important;justify-content:center!important}.top-bar-action-btn{box-sizing:border-box;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 16px;display:inline-flex}.top-bar-match-id-btn{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;min-width:44px;min-height:44px;padding:10px 12px;display:inline-flex}}.modal-overlay-safe.resolution-modal-overlay{justify-content:center!important;align-items:center!important;overflow:hidden!important}.modal-overlay-safe.match-over-modal-overlay{justify-content:center!important;align-items:center!important}.resolution-modal-sheet{box-sizing:border-box;min-height:0;max-height:min(90vh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px));flex-direction:column;padding:22px 24px;display:flex;overflow:hidden}.modal-overlay-safe.modal-overlay-below-phone-menu .resolution-modal-sheet{max-height:min(88dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--modal-top-clear-phone-game-menu) - 24px))}.resolution-modal-scroll{-webkit-overflow-scrolling:touch;text-align:center;touch-action:pan-y;flex:auto;min-height:0;overflow:hidden auto}.resolution-carousel-root{touch-action:pan-y;cursor:grab;flex-direction:column;flex:auto;min-height:0;display:flex}.resolution-carousel-root:active{cursor:grabbing}.resolution-swipe-viewport{touch-action:pan-y;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.resolution-swipe-stage{touch-action:pan-y;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.resolution-swipe-pages-row{will-change:transform;touch-action:pan-y;flex-direction:row;flex:1;width:200%;min-height:0;transition:transform .28s;display:flex}.resolution-swipe-page{box-sizing:border-box;touch-action:pan-y;flex-direction:column;flex:0 0 50%;width:50%;max-width:50%;min-height:0;display:flex}.resolution-swipe-page--review-board{align-items:stretch;min-height:0;overflow:hidden}.resolution-review-board-order-wrap{width:100%;min-width:0;min-height:0;max-width:var(--order-board-panel-max-width);text-align:left;flex-direction:column;flex:1 1 0;align-self:center;display:flex;overflow:hidden}.resolution-review-board-order-wrap .order-board-root--fill{min-height:0;width:min(100%, var(--order-board-panel-max-width));min-width:min(100%, var(--order-board-panel-max-width));max-width:var(--order-board-panel-max-width);box-sizing:border-box;flex:1 1 0;align-self:center;overflow:hidden}.resolution-swipe-dots{touch-action:pan-y;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding-top:12px;display:flex}.resolution-swipe-dot{background:var(--ui-fill-raised);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.resolution-swipe-dot:hover{background:color-mix(in srgb, var(--green) 35%, var(--ui-fill-raised))}.resolution-swipe-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resolution-swipe-dot--active{background:var(--green);transform:scale(1.15)}.resolution-phone-menu-fab{top:max(10px, env(safe-area-inset-top,0px));left:max(16px, env(safe-area-inset-left,0px));z-index:210;border:1px solid var(--ui-border-medium);background:color-mix(in srgb, var(--panel-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;box-shadow:var(--shadow-float), 0 0 0 1px color-mix(in srgb, var(--text-inverse) 6%, transparent);color:var(--text-form);cursor:pointer;pointer-events:auto;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed}.resolution-phone-menu-fab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=640px){.resolution-modal-sheet{padding:16px 14px}}@media (height<=600px){.modal-overlay-safe{-webkit-overflow-scrolling:touch;padding:max(6px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(6px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px))!important;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important}.modal-content-tall{-webkit-overflow-scrolling:touch;max-height:min(92dvh, calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px))!important;overflow-y:auto!important}.modal-overlay-safe.resolution-modal-overlay{justify-content:center!important;align-items:center!important;overflow:hidden!important}.resolution-modal-sheet{max-height:min(92dvh, calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px));padding:12px}.modal-overlay-safe.modal-overlay-below-phone-menu .resolution-modal-sheet{max-height:min(90dvh, calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--modal-top-clear-phone-game-menu) - 12px))}.game-guide-modal{min-height:0}.game-guide-content{flex:auto;min-height:0}.lobby-main-scroll{padding-top:max(10px, env(safe-area-inset-top,0px))!important;padding-bottom:max(14px, env(safe-area-inset-bottom,0px))!important;justify-content:flex-start!important}.lobby-card{padding:22px 18px 26px!important}}.board-opponents-band-shell{width:100%}.board-opponents-band-fade-wrap{width:100%;position:relative}.board-opponents-band{scroll-padding-inline:max(12px, env(safe-area-inset-left,0px));justify-content:safe center}.board-opponents-band-fade{pointer-events:none;z-index:2;width:36px;position:absolute;top:0;bottom:0}.board-opponents-band-fade--left{background:linear-gradient(to right, color-mix(in srgb, var(--bg-primary) 88%, transparent), transparent);left:0}.board-opponents-band-fade--right{background:linear-gradient(to left, color-mix(in srgb, var(--bg-primary) 88%, transparent), transparent);right:0}.order-board-order-list-shell{width:100%}.order-board-order-list-fade-wrap{width:100%;position:relative}.order-board-order-list-fade{pointer-events:none;z-index:2;height:28px;position:absolute;left:0;right:0}.order-board-order-list-fade--top{background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-secondary) 88%, transparent), transparent);top:0}.order-board-order-list-fade--bottom{background:linear-gradient(to top, color-mix(in srgb, var(--bg-secondary) 88%, transparent), transparent);bottom:0}@supports not (justify-content:safe center){.board-opponents-band{justify-content:flex-start}}.phone-menu-root{z-index:1100;position:fixed;inset:0}.phone-menu-backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.phone-menu-drawer{z-index:1101;background:var(--modal-surface-gradient-tight);border-right:1px solid var(--ui-border-subtle);width:45vw;max-width:60%;box-shadow:var(--modal-shadow);padding-top:max(12px, env(safe-area-inset-top,0px));padding-left:max(12px, env(safe-area-inset-left,0px));padding-bottom:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column;animation:.2s phone-menu-slide-in;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes phone-menu-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.phone-menu-drawer-header{border-bottom:1px solid var(--ui-divider);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 14px 0;display:flex}.phone-menu-drawer-title{color:var(--text-form);font-size:1rem;font-weight:700}.phone-menu-drawer-close{border:1px solid var(--ui-border-default);background:var(--ui-fill-medium);width:44px;height:44px;color:var(--text-faint);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.phone-menu-drawer-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:stretch;gap:12px;min-height:0;padding:16px 12px 8px;display:flex;overflow:hidden auto}.phone-menu-drawer-block{width:100%;min-width:0}.phone-menu-drawer-body .phone-menu-drawer-block>*{box-sizing:border-box;width:100%;max-width:none!important}.phone-menu-drawer-body .phone-menu-drawer-block>div{text-align:center;flex-direction:column;align-items:center;display:flex}@media (width>=641px){.top-bar-match-id-btn{text-align:left;align-items:flex-start;max-width:min(100%,60vw)}}.phone-menu-drawer-body .top-bar-match-id-btn{text-align:center;align-items:center;width:100%;max-width:none}.phone-menu-drawer-body .top-bar-action-btn{justify-content:center;width:100%}.board-phone-menu-btn{border:1px solid var(--ui-border-medium);background:color-mix(in srgb, var(--panel-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;box-shadow:var(--shadow-float), 0 0 0 1px color-mix(in srgb, var(--text-inverse) 6%, transparent);color:var(--text-form);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;padding:0;display:inline-flex;position:relative}.board-phone-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.phone-menu-fab{top:max(10px, env(safe-area-inset-top,0px));left:max(16px, env(safe-area-inset-left,0px));z-index:25;border:1px solid var(--ui-border-medium);background:color-mix(in srgb, var(--panel-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;box-shadow:var(--shadow-float), 0 0 0 1px color-mix(in srgb, var(--text-inverse) 6%, transparent);color:var(--text-form);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed}.phone-menu-fab-bars{background:currentColor;border-radius:1px;width:20px;height:2px;display:block;box-shadow:0 6px,0 -6px}.phone-menu-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.phone-menu-drawer{animation:none}}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}}.draw-card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.draw-card-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}