:root{color-scheme:dark;font-family:Trebuchet MS,Verdana,sans-serif;background:#15131b;color:#f4f0dc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}#app-shell,#game-wrap,#game{width:100vw;height:100vh}#game-wrap{position:relative;background:#121018}canvas{display:block}.chat-panel{position:absolute;left:max(16px,calc(100vw - 436px));top:max(16px,calc(100vh - 376px));display:grid;grid-template-rows:auto 1fr auto;width:min(420px,calc(100vw - 32px));height:min(360px,75vh);min-width:min(320px,calc(100vw - 32px));min-height:260px;max-width:calc(100vw - 32px);max-height:75vh;border:2px solid #f2c14e;border-radius:8px;background:#14121beb;box-shadow:0 12px 36px #0006;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.chat-panel.hidden{display:none}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:2px solid rgba(242,193,78,.35);background:#283044;cursor:move}.icon-button{width:32px;height:32px;border:1px solid rgba(244,240,220,.45);border-radius:6px;background:#161925;color:#f4f0dc;cursor:pointer}.chat-log{display:flex;flex-direction:column;gap:8px;min-height:160px;margin:0;padding:12px;overflow-y:auto;list-style:none;-webkit-user-select:text;user-select:text}.chat-line{min-width:0;padding:8px;border-left:3px solid #7cc6fe;background:#f4f0dc14;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.chat-line.private{border-left-color:#ef476f;background:#ef476f24}.chat-meta{display:block;color:#9bd1e5;font-size:12px;text-transform:uppercase;overflow-wrap:anywhere}.chat-form{display:grid;grid-template-columns:minmax(92px,120px) 1fr auto auto;gap:8px;padding:10px;border-top:2px solid rgba(242,193,78,.35);background:#1e1a2a;-webkit-user-select:text;user-select:text}.chat-form select,.chat-form input{min-width:0;border:1px solid rgba(244,240,220,.35);border-radius:6px;padding:9px 10px;background:#0f1320;color:#f4f0dc}.chat-form button,.show-chat{border:0;border-radius:6px;padding:9px 12px;background:#f2c14e;color:#1d1a1f;font-weight:700;cursor:pointer}.chat-form button:disabled,.chat-form select:disabled{cursor:not-allowed;opacity:.55}.emoji-button{width:38px;min-width:38px;padding:9px 0}.emoji-picker-wrap{position:absolute;top:52px;right:10px;bottom:62px;z-index:36;width:min(340px,calc(100% - 20px))}.emoji-picker-wrap.hidden{display:none}.emoji-picker-wrap emoji-picker{width:100%;height:100%;--background: #111827;--border-color: rgba(242, 193, 78, .55);--button-hover-background: rgba(242, 193, 78, .18);--button-active-background: rgba(242, 193, 78, .28);--input-border-color: rgba(244, 240, 220, .35);--input-font-color: #f4f0dc;--indicator-color: #f2c14e;--outline-color: #9bd1e5}.show-chat{position:absolute;right:16px;bottom:16px;display:none;border:2px solid #1d1a1f}.show-chat.visible{display:block}.item-action-menu{position:absolute;z-index:30;display:grid;gap:6px;width:210px;border:2px solid rgba(242,193,78,.8);border-radius:8px;padding:8px;background:#101320f5;color:#f4f0dc;box-shadow:0 12px 32px #00000073;-webkit-user-select:none;user-select:none}.item-action-menu.hidden{display:none}.item-action-title{display:block;padding:2px 4px 6px;border-bottom:1px solid rgba(244,240,220,.24);font:700 13px/1.2 monospace;text-transform:uppercase}.item-action-empty{margin:0;padding:7px 4px;color:#9bd1e5;font-size:13px}.item-action-menu button{min-width:0;border:1px solid rgba(244,240,220,.32);border-radius:6px;padding:8px 9px;background:#283044;color:#f4f0dc;cursor:pointer;text-align:left}.item-action-menu button:hover:not(:disabled),.item-action-menu button:focus-visible:not(:disabled){border-color:#f2c14e;background:#3a435d}.item-action-menu button:disabled{cursor:not-allowed;opacity:.55}.blackjack-panel{position:absolute;left:50%;bottom:18px;z-index:25;display:grid;grid-template-rows:auto auto auto auto;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 36px);border:3px solid #f2c14e;border-radius:8px;background:#0e1218f5;color:#f4f0dc;box-shadow:0 18px 56px #00000080;overflow:hidden;transform:translate(-50%);-webkit-user-select:none;user-select:none}.blackjack-panel.hidden{display:none}.slot-panel{position:absolute;left:24px;bottom:24px;z-index:24;display:grid;grid-template-rows:auto auto auto auto;width:min(330px,calc(100vw - 48px));border:3px solid #9bd1e5;border-radius:8px;background:#14121bf5;color:#f4f0dc;box-shadow:0 18px 48px #0000007a;overflow:hidden;-webkit-user-select:none;user-select:none}.slot-panel.hidden{display:none}.slot-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:2px solid rgba(155,209,229,.38);background:#283044;cursor:move;font:700 18px/1 monospace;text-transform:uppercase}.slot-cabinet{display:grid;gap:10px;padding:16px;background:linear-gradient(135deg,rgba(155,209,229,.16),transparent 34%),#2a1f33}.slot-wolf{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border:3px solid #9bd1e5;border-radius:50%;background:#15131b;color:transparent;font-size:0}.slot-wolf:before{color:#f4f0dc;content:"🐺";font-size:34px}.slot-reels{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,58px);gap:6px}.slot-reel{display:grid;place-items:center;height:58px;border:3px solid #15131b;border-radius:8px;background:#f4f0dc;color:#15131b;font:700 24px/1 monospace;box-shadow:inset 0 -8px #0000001f}.slot-reel img{width:44px;height:44px;object-fit:contain}.slot-reel.stopping{border-color:#f2c14e;box-shadow:inset 0 -8px #0000001f,0 0 0 2px #f2c14e42}.slot-reel.wolf{background:#111827;color:#9bd1e5}.slot-reel.diamond{color:#1452b7}.slot-reel.lime{color:#1f7a3f}.slot-reel.cherry{color:#b7263d}.slot-message{min-height:38px;margin:0;padding:10px 12px;border-top:2px solid rgba(155,209,229,.3);line-height:1.35}.slot-payouts{display:grid;gap:5px;padding:10px 12px;border-top:2px solid rgba(155,209,229,.3);background:#15131b}.slot-payouts>strong{font:700 12px/1.2 monospace;text-transform:uppercase}.slot-payouts p{display:flex;justify-content:space-between;gap:10px;margin:0;color:#d9e7ee;font-size:12px;line-height:1.25}.slot-payouts p strong{color:#f2c14e;white-space:nowrap}.spin-slot{margin:0 12px 12px;border:0;border-radius:6px;padding:10px 12px;background:#9bd1e5;color:#101820;cursor:pointer;font-weight:700}.spin-slot:disabled{cursor:not-allowed;opacity:.55}.blackjack-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:2px solid rgba(242,193,78,.35);background:#283044;cursor:move;font:700 18px/1 monospace;text-transform:uppercase}.blackjack-table-art{min-height:220px;padding:12px;background:#111827}.blackjack-felt{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:200px;border:5px solid #6b3f1d;border-radius:8px;padding:14px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 18px 18px,#0d6b3f}.blackjack-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:end}.blackjack-player{display:grid;gap:6px;min-width:0}.blackjack-player>strong{overflow:hidden;font:700 12px/1.2 monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.blackjack-hand{display:grid;gap:6px;min-width:0;border:2px solid rgba(244,240,220,.18);border-radius:8px;padding:8px;background:#0a141080}.blackjack-hand.active{border-color:#f2c14e;box-shadow:0 0 0 2px #f2c14e38}.blackjack-hand strong,.blackjack-player-meta{overflow:hidden;font:700 12px/1.2 monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.blackjack-player-meta{color:#9bd1e5;font-weight:400}.blackjack-card-row{display:flex;flex-wrap:wrap;gap:5px}.blackjack-card{display:grid;place-items:center;width:38px;height:52px;border:2px solid #15131b;border-radius:5px;background:#f4f0dc;color:#15131b;font:700 13px/1 monospace;box-shadow:0 3px #00000038}.blackjack-card.hearts{color:#b7263d}.blackjack-card.diamonds{color:#1452b7}.blackjack-card.clubs{color:#1f7a3f}.blackjack-card.spades{color:#15131b}.blackjack-card.empty{background:#f4f0dc3d;color:#f4f0dcbf}.blackjack-card.hidden-card{background:linear-gradient(45deg,rgba(244,240,220,.12) 25%,transparent 25% 50%,rgba(244,240,220,.12) 50% 75%,transparent 75%) 0 0 / 10px 10px,#283044;color:#f2c14e}.blackjack-message{min-height:34px;margin:0;padding:10px 12px;border-top:2px solid rgba(242,193,78,.24);line-height:1.35}.blackjack-controls{display:grid;grid-template-columns:minmax(150px,1fr) repeat(5,minmax(78px,auto));gap:8px;padding:10px 12px 12px;background:#1e1a2a}.blackjack-bet{display:flex;align-items:center;gap:7px;color:#d9e7ee;font-size:14px}.blackjack-bet input,.blackjack-controls button{border:1px solid rgba(244,240,220,.35);border-radius:6px;padding:8px 10px;background:#0f1320;color:#f4f0dc}.blackjack-controls button{background:#f2c14e;color:#1d1a1f;cursor:pointer;font-weight:700}.blackjack-controls button:disabled,.blackjack-bet input:disabled{cursor:not-allowed;opacity:.55}.customize-room{position:absolute;right:16px;top:62px;border:2px solid #0e3f8f;border-radius:6px;padding:9px 12px;background:#f2c14e;color:#1d1a1f;font-weight:700;cursor:pointer}.customize-room.hidden{display:none}.customize-panel{position:absolute;right:16px;top:108px;display:grid;grid-template-rows:auto auto 1fr;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 128px);border:3px solid #0e3f8f;border-radius:8px;background:#e8f0ff;color:#101820;box-shadow:0 16px 48px #00000059;overflow:hidden;-webkit-user-select:none;user-select:none}.customize-panel.hidden,.customize-pane.hidden{display:none}.customize-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:3px solid #0e3f8f;background:#1452b7;color:#fff;font:700 18px/1 monospace;text-transform:uppercase}.customize-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;background:#b7caf4}.customize-tab,.pickup-item,.inventory-action{border:2px solid #0e3f8f;border-radius:6px;padding:9px 10px;background:#fff;color:#101820;cursor:pointer;font-weight:700}.customize-tab.active,.inventory-action{background:#a8c2ff}.customize-pane{min-height:0;padding:12px;overflow-y:auto}.customize-copy{margin:0 0 10px;line-height:1.35}.inventory-list{display:grid;gap:8px;margin-bottom:10px}.inventory-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;min-width:0;border:2px solid #9bb4e8;border-radius:6px;padding:8px;background:#f8fbff}.inventory-icon{display:grid;place-items:center;width:48px;height:38px;border:2px solid #0e3f8f;border-radius:4px;background:#d9e6ff;font:700 12px/1 monospace}.inventory-name{display:block;font:700 15px/1.2 monospace}.inventory-desc{display:block;color:#41506f;font-size:12px;line-height:1.25}.pickup-item{width:100%}.pickup-item:disabled{cursor:not-allowed;opacity:.55}.avatar-preview{width:126px;height:160px;margin:0 auto 12px;border:3px solid #0e3f8f;border-radius:6px;background:linear-gradient(transparent 74%,#1452b72e 74%),#cfe0ff}.status-pill{position:absolute;right:16px;top:16px;max-width:calc(100vw - 32px);border:2px solid rgba(244,240,220,.35);border-radius:8px;padding:8px 10px;background:#101320db;color:#f4f0dc;font-size:14px}.coin-wallet{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;min-width:86px;max-width:calc(100vw - 32px);border:2px solid rgba(244,240,220,.45);border-radius:8px;padding:7px 11px 7px 9px;background:#101320e6;color:#f4f0dc;font:700 16px/1 monospace}.coin-wallet.hidden{display:none}.coin-icon{position:relative;flex:0 0 auto;width:24px;height:24px;border:2px solid #8a5a00;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff1a8 0,#fff1a8 18%,#f2c14e 19%,#f2c14e 62%,#c8871a 63%,#c8871a);box-shadow:inset -3px -3px #5c360038,0 2px #00000038}.coin-icon:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(138,90,0,.48);border-radius:50%;content:""}.auth-dialog{width:min(430px,calc(100vw - 32px));border:2px solid #7cc6fe;border-radius:8px;padding:0;background:#111827;color:#f4f0dc;box-shadow:0 20px 70px #0000008c}.auth-dialog::backdrop{background:#05070e9e}.auth-card{display:grid;gap:14px;padding:18px}.auth-fields,.account-settings{display:grid;gap:14px}.auth-fields.hidden,.account-settings.hidden,.auth-tab.hidden,.auth-submit.hidden,.logout-button.hidden{display:none}.auth-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.auth-kicker{margin:0 0 4px;color:#9bd1e5;font:700 12px/1.2 monospace;text-transform:uppercase}.auth-header h1{margin:0;font-size:22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-tab,.auth-submit,.logout-button{border:0;border-radius:6px;padding:10px 12px;cursor:pointer;font-weight:700}.auth-tab{background:#283044;color:#f4f0dc}.auth-tab.active,.auth-submit{background:#f2c14e;color:#1d1a1f}.logout-button{background:#ef476f;color:#fff7f9}.auth-field{display:grid;gap:6px;color:#d9e7ee;font-size:14px}.auth-field input{width:100%;border:1px solid rgba(244,240,220,.35);border-radius:6px;padding:10px;background:#0f1320;color:#f4f0dc}.auth-field.hidden{display:none}.auth-message{min-height:20px;margin:0;color:#c8e7b4;line-height:1.35}.auth-message.error{color:#ff9aaf}.chat-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none}.chat-resize-handle:after{position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-right:2px solid rgba(244,240,220,.75);border-bottom:2px solid rgba(244,240,220,.75);content:""}@media(max-width:620px){.chat-panel{min-width:min(300px,calc(100vw - 16px));max-width:calc(100vw - 16px)}.chat-form{grid-template-columns:1fr auto auto}.chat-form select{grid-column:1 / -1}.emoji-picker-wrap{right:8px;bottom:108px;width:min(320px,calc(100% - 16px))}}