*{box-sizing:border-box}body{margin:0;background:#15201a;color:#f7f1e4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.home-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0c1812c7,#0c1812d1),url(https://images.unsplash.com/photo-1511193311914-0346f16efe90?auto=format&fit=crop&w=1600&q=80) center/cover}.availability-shell,.maintenance-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0c1812db,#0c1812e6),url(https://images.unsplash.com/photo-1511193311914-0346f16efe90?auto=format&fit=crop&w=1600&q=80) center/cover}.availability-content{width:min(620px,100%)}.availability-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#efe5d0;font-weight:800}.status-spinner{animation:status-spin 1s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.maintenance-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #5c745f;border-radius:50%;color:#f5c46b;background-color:unset;cursor:default}.maintenance-content header{display:inline-flex;justify-content:center;align-items:center}.maintenance-content h1{font-size:clamp(3rem,9vw,5.6rem);line-height:.95}.maintenance-copy{max-width:560px;color:#efe5d0;font-size:1.05rem;line-height:1.7;margin:24px 0 0}.next-opening{display:grid;gap:4px;margin:24px 0 0;color:#b9c4b4}.next-opening strong{color:#f5c46b;font-size:1.1rem}.availability-warning{border-left:3px solid #e65d4f;color:#efe5d0;padding-left:12px}.maintenance-actions{width:min(420px,100%);display:grid;gap:12px}.home-panel,.maintenance-content{width:min(780px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end}.eyebrow{margin:0 0 8px;color:#f5c46b;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}.home-panel h1,.topbar h1{font-size:clamp(2.5rem,8vw,5.6rem);line-height:.9}.home-copy{max-width:560px;color:#efe5d0;font-size:1.05rem;line-height:1.7;margin:24px 0 0}.home-actions,.join-row,.topbar,.status-strip,.player-title,.hand-actions,.chat-form{display:flex;align-items:center}.home-actions{flex-direction:column;gap:12px}.room-capacity{margin:-4px 0 0;color:#b9c4b4;font-size:.88rem;text-align:center}.room-capacity.full{color:#ff6256;font-weight:800}.primary-button,.ghost-button,.icon-button,.hand-actions button,.mini-button{min-height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary-button{width:100%;background:#f5c46b;color:#17130b;padding:0 18px}.start-button{width:220px}.ghost-button,.hand-actions button,.mini-button{background:#27352d;color:#f7f1e4;border:1px solid #3e5144;padding:0 14px}.icon-button{width:48px;background:#e65d4f;color:#fff7ed}.join-row{width:100%;gap:8px}input{width:100%;min-height:48px;border-radius:8px;border:1px solid #3e5144;background:#101712;color:#f7f1e4;padding:0 14px;outline:none}.game-shell{min-height:100vh;padding:18px;width:980px;margin:auto}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.topbar h1{font-size:clamp(2rem,5vw,4rem)}.table-layout{display:block}.game-area,.player-card,.waiting-panel,.hand-panel,.status-strip{border:1px solid #3d4f43;background:#1b2a21;border-radius:8px}.game-area{min-height:0;overflow:visible;padding:16px;margin-bottom:70px}.status-strip{position:sticky;top:16px;z-index:14;justify-content:space-between;gap:16px;box-shadow:0 8px 18px #05090647;padding:12px 14px}.status-strip span{display:block;margin-top:3px;color:#b9c4b4;font-size:.9rem}.timer-pill{display:inline-flex;align-items:center;gap:8px;min-width:86px;justify-content:center;border-radius:999px;background:#16b74c;color:#fff;padding:8px 12px;font-weight:900}.timer-pill.paused{background:#f5c46b;color:#17130b}.disconnect-note{color:#f5c46b!important;font-weight:800}.replacement-countdown{color:#f5c46b!important;font-variant-numeric:tabular-nums;font-weight:800}.drop-vote-status{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;color:#f5c46b!important;font-weight:800}.drop-vote-status .mini-button{min-height:28px}.players-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.player-card{min-height:132px;display:flex;flex-direction:column;padding:12px}.kick-player-button{align-self:flex-end;margin-top:auto;border-radius:6px;background:#e65d4f;color:#fff;padding:6px 10px;font-size:1rem;font-weight:900}.player-card.active{outline:2px solid #f5c46b}.player-title{justify-content:space-between;gap:8px}.player-markers{display:inline-flex;align-items:center;gap:6px;color:#f5c46b}.player-card>span{color:#b9c4b4;font-size:.9rem}.player-card>.bot-difficulty{color:#f5c46b;font-size:.78rem;font-weight:800}.add-bot-card{display:grid;place-items:stretch;padding:8px;border-style:dashed}.add-bot-button{width:100%;min-height:114px;display:grid;place-items:center;align-content:center;gap:6px;border-radius:6px;background:transparent;color:#b9c4b4;font-weight:800}.add-bot-button:hover{background:#233128;color:#f5c46b}.meld-list{display:grid;gap:8px;margin-top:10px}.meld{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.meld-card-stack{--meld-card-width: 41px;--meld-card-peek: 15px;display:inline-flex;align-items:center;isolation:isolate;max-width:100%}.meld-card-layer{display:inline-flex;flex:0 0 var(--meld-card-width);position:relative}.meld-card-layer+.meld-card-layer{margin-left:calc((var(--meld-card-width) - var(--meld-card-peek)) * -1)}.mini-button{min-height:30px;font-size:.78rem}.waiting-panel{min-height:280px;display:grid;place-items:center;align-content:center;gap:12px;color:#efe5d0;margin-top:16px}.waiting-room-code strong{color:#f7f1e4;font-weight:900}.center-table{min-height:240px;display:flex;align-items:center;justify-content:center;gap:18px}.deck-stack,.discard-stack{width:118px;height:164px;border-radius:8px;display:grid;place-items:center;background:#244230;color:#f7f1e4;border:2px solid #6e8b72;font-weight:900}.deck-stack{position:relative;overflow:hidden;padding:0}.deck-card-back{width:100%;height:100%;display:block;border-radius:6px;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.deck-stack .deck-count{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:#f5c46b;color:#17130b;box-shadow:0 4px 12px #05090661}.discard-stack{background:#2b2420}.tapon-history-button{width:118px;height:164px;position:relative;display:grid;place-items:center;overflow:hidden;border:2px solid #6e8b72;border-radius:8px;background:#244230;color:#17130b;font-weight:800;padding:0}.tapon-history-button:hover{border-color:#f5c46b}.tapon-history-label{width:auto;height:auto;position:absolute;top:50%;left:50%;max-width:calc(100% - 16px);transform:translate(-50%,-50%);border-radius:6px;background:#f5c46b;color:#17130b;line-height:1.05;text-align:center;padding:6px 8px}.hand-panel{padding:12px;overflow:hidden}.hand-panel-spacer{height:280px}.floating-hand-panel{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:15;width:calc(100vw - 68px);height:285px;border:0;background:transparent;transform:translate(-50%);box-shadow:none;transition:filter .18s ease,opacity .18s ease}.floating-hand-panel.chat-open{pointer-events:none;filter:brightness(.72);opacity:.72}.hand-panel-background{width:100%;height:460px;position:fixed;bottom:0;left:0;background:linear-gradient(transparent,#000000bf);pointer-events:none}.hand-actions{justify-content:center;gap:8px;flex-wrap:wrap;margin:0;position:relative;z-index:2}.foldable-hand-content{height:100%}.hand-actions button{width:80px;flex:0 0 80px;background:#334f3f}.hand-actions button:disabled{background-color:color-mix(in srgb,#27352d 80%,#121212 20%);color:#626368;opacity:1}.hand{position:relative;min-height:220px;display:block;overflow:visible;isolation:isolate;padding:0 12px}.hand-card-slot{position:absolute;top:20px;left:0;width:69px;height:100px;will-change:transform}.transfer-arrival{visibility:hidden}.flying-card{position:fixed;z-index:35;overflow:hidden;border-radius:8px;pointer-events:none;transform-origin:center;will-change:transform,width,height,opacity}.flying-card>img,.flying-card playing-card.card-face{width:100%!important;min-width:0;height:100%!important;min-height:0;display:block!important;object-fit:cover;border-radius:inherit}.hand-card-motion{width:69px;height:100px;filter:drop-shadow(0 8px 12px rgba(4,8,5,.52));will-change:transform}.card-button{flex:0 0 auto;padding:0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;transition:filter .18s ease,opacity .18s ease}@media(hover:hover)and (pointer:fine){.card-button:hover{filter:brightness(1.04)}}.card-button:active{cursor:grabbing}.card-button{cursor:grab}.card-button.drag-source{cursor:grabbing;filter:drop-shadow(0 14px 18px rgba(0,0,0,.38));opacity:.92;z-index:3}.card-button.selected{filter:drop-shadow(0 5px 0 #f5c46b) brightness(1)}.card-button.dimmed{filter:brightness(.48)}playing-card.card-face{width:69px!important;min-width:69px;height:100px!important;min-height:100px;display:block!important;flex:0 0 69px;overflow:visible;border-radius:8px;filter:drop-shadow(0 5px 10px rgba(6,9,7,.34));pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}playing-card.card-face.small{width:41px!important;min-width:41px;height:58px!important;min-height:58px;flex-basis:41px;border-radius:5px;filter:drop-shadow(0 2px 4px rgba(6,9,7,.26))}playing-card.card-face img{width:100%!important;height:100%!important;display:block;border-radius:inherit;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none!important;-webkit-touch-callout:none}.card-button playing-card,.card-button playing-card img{pointer-events:none!important;user-select:none;-webkit-user-select:none;-webkit-user-drag:none!important;-webkit-touch-callout:none}.floating-chat-anchor{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:17;transform:translate(-50%)}.floating-chat-anchor.chat-open{z-index:20}.chat-unread-badge{position:absolute;top:-9px;left:-9px;z-index:2;min-width:24px;height:24px;display:grid;place-items:center;border:2px solid #1b2a21;border-radius:999px;background:#e5484d;color:#fff;padding:0 5px;font-size:.72rem;font-weight:900;line-height:1;pointer-events:none}.floating-side-button{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:18;width:48px;height:48px;display:grid;place-items:center;border:1px solid #4f6656;border-radius:50%;background:#27352d;color:#f5c46b;box-shadow:0 10px 24px #05090661}.help-button{left:18px}.hand-fold-button{right:18px}.floating-chat{display:flex;flex-direction:column;overflow:hidden;border:1px solid #4f6656;border-radius:8px;background:#1b2a21;box-shadow:0 16px 38px #05090661;transform-origin:bottom center;will-change:width,height}.chat-toggle{width:100%;min-height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;background:#27352d;color:#f7f1e4;padding:0 16px}.chat-toggle-symbol{position:relative;width:18px;height:18px;flex:0 0 18px}.chat-toggle-line{position:absolute;top:8px;left:2px;width:14px;height:2px;border-radius:2px;background:#f5c46b}.chat-toggle-line.vertical{top:2px;left:8px;width:2px;height:14px}.floating-chat-content{min-height:0;flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0 14px 14px}.messages{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:14px 0}@media(min-width:981px){.messages{scrollbar-width:none;-ms-overflow-style:none}.messages::-webkit-scrollbar{display:none}}.message-row{margin:0;display:flex;justify-content:flex-start}.message-row:first-child{margin-top:auto}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:min(82%,280px);display:grid;gap:2px;border-radius:8px;background:#233128;color:#efe5d0;line-height:1.4;overflow-wrap:anywhere;padding:8px 10px}.message-row.mine .message-bubble{background:#3d4f43}.message-bubble strong{color:#f5c46b;font-size:.82rem}.message-bubble p{margin:0}.chat-form{gap:8px;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#070c09c2;padding:20px}.safety-backdrop,.legal-backdrop{z-index:40}.safety-modal,.guide-modal,.legal-modal{width:min(560px,100%);max-height:calc(100vh - 40px);display:grid;gap:16px;overflow-y:auto;border:1px solid #4f6656;border-radius:8px;background:#1b2a21;padding:22px}.safety-modal{width:min(460px,100%)}.safety-modal p,.restricted-panel p,.guide-content p,.legal-copy p{margin:0;color:#efe5d0;line-height:1.55}.safety-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#233128;color:#f5c46b}.safety-actions{display:grid;gap:8px}.modal-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guide-content{display:grid;gap:14px}.guide-content section{display:grid;gap:4px;border-bottom:1px solid #3d4f43;padding-bottom:12px}.guide-content section:last-child{border-bottom:0}.guide-content strong,.legal-copy h3{color:#f5c46b}.legal-copy{display:grid;gap:10px}.legal-copy h3{margin:8px 0 0;font-size:1rem}.legal-footer{position:fixed;left:50%;bottom:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform:translate(-50%)}.legal-footer-links{display:flex;align-items:center;justify-content:center;gap:18px}.legal-footer-links button{background:transparent;color:#b9c4b4;font-size:.82rem;text-decoration:underline;padding:0}.kofi-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #5c745f;border-radius:8px;background:#f5c46b;color:#17130b;font-size:.92rem;font-weight:900;padding:0 14px;text-decoration:none}.restricted-panel{width:min(580px,100%);display:grid;gap:14px;color:#f5c46b}.restricted-panel h1{color:#f7f1e4;font-size:clamp(2rem,7vw,4rem)}.name-modal,.winner-modal,.bot-difficulty-modal,.drop-vote-modal,.availability-modal,.downtime-warning-modal{width:min(420px,100%);display:grid;gap:14px;border-radius:8px;background:#1b2a21;border:1px solid #4f6656;padding:22px}.tapon-history-modal{width:min(520px,100%);max-height:min(680px,calc(100vh - 40px));display:grid;gap:16px;overflow-y:auto;border:1px solid #4f6656;border-radius:8px;background:#1b2a21;padding:22px}.share-room-modal{width:min(460px,100%);display:grid;gap:16px;border:1px solid #4f6656;border-radius:8px;background:#1b2a21;padding:22px}.share-room-modal h2{font-size:1.35rem}.room-qr-code{width:216px;height:216px;display:grid;place-items:center;justify-self:center;border-radius:8px;background:#fff;padding:16px}.room-link-field{display:grid;gap:6px}.room-link-field span{color:#b9c4b4;font-size:.82rem;font-weight:800}.share-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-room-actions .ghost-button,.share-room-actions .primary-button{width:100%}.tapon-history-modal h2{font-size:1.35rem}.tapon-history-list{display:grid;gap:12px}.tapon-history-suit{min-height:78px;display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #3d4f43;padding-bottom:12px}.tapon-history-suit:last-child{border-bottom:0;padding-bottom:0}.tapon-history-suit>strong{color:#f5c46b}.tapon-history-empty{color:#829083;font-size:.88rem}.name-modal h2,.winner-modal h2,.bot-difficulty-modal h2,.drop-vote-modal h2,.availability-modal h2,.downtime-warning-modal h2{font-size:1.35rem}.downtime-warning-backdrop{z-index:30}.downtime-warning-modal p{margin:0;color:#efe5d0;line-height:1.5}.downtime-time{color:#f5c46b!important;font-weight:900}.downtime-countdown{min-height:150px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid #4f6656;border-radius:8px;background:#233128}.downtime-countdown strong{color:#f5c46b;font-size:4rem;line-height:1}.downtime-countdown span{color:#b9c4b4;font-weight:800}.availability-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.availability-options button{min-height:58px;border:1px solid #4f6656;border-radius:8px;background:#233128;color:#f7f1e4;font-weight:800}.availability-options button.selected{border-color:#f5c46b;color:#f5c46b}.bot-modal-title{display:flex;align-items:center;gap:10px;color:#f5c46b}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.difficulty-options button{min-height:48px;border-radius:8px;border:1px solid #4f6656;background:#233128;color:#f7f1e4;font-weight:800}.difficulty-options button:hover{border-color:#f5c46b;color:#f5c46b}.drop-vote-modal p{margin:0;color:#efe5d0;line-height:1.5}.vote-count{border-radius:8px;background:#233128;color:#f5c46b;font-weight:900;padding:10px 12px}.vote-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.winner-confetti{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}.winner-modal{position:relative;z-index:30;justify-items:start}.winner-modal h2{font-size:2rem;color:#f5c46b}.winner-status{margin:0;color:#efe5d0;line-height:1.5}.final-ranking{width:100%;display:grid;gap:8px}.final-ranking>strong{font-size:.9rem;color:#b9c4b4}.final-ranking ol{width:100%;display:grid;gap:6px;margin:0;padding-left:30px}.final-ranking li{padding:8px 10px;border-radius:8px;background:#233128}.final-ranking li::marker{color:#f5c46b;font-weight:900}.final-ranking li div{display:flex;align-items:center;justify-content:space-between;gap:12px}.final-ranking li strong{color:#f5c46b;white-space:nowrap}.close-countdown{width:100%;border-radius:8px;background:#233128;color:#efe5d0;padding:12px 14px}.close-countdown strong{color:#f5c46b}.toast{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));border-radius:8px;padding:12px 14px;background:#f5c46b;color:#17130b;font-weight:800;z-index:18}.toast.error{background:#e65d4f;color:#fff}@media(max-width:980px){.home-panel,.players-grid,.maintenance-content{grid-template-columns:1fr}.game-shell{width:100%}}@media(max-width:620px){.game-shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.floating-chat-anchor{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.hand-panel-spacer{height:280px}.floating-hand-panel{height:285px}.floating-hand-panel{bottom:calc(78px + env(safe-area-inset-bottom,0px));width:calc(100vw - 56px)}.availability-options{grid-template-columns:1fr}.status-strip{align-items:flex-start;flex-direction:column}.center-table{min-height:190px}.deck-stack,.discard-stack{width:94px;height:132px}.tapon-history-button{width:94px;height:132px;font-size:.78rem}.tapon-history-suit{grid-template-columns:1fr;gap:8px}.share-room-actions{grid-template-columns:1fr}playing-card.card-face{width:69px!important;min-width:69px;height:100px!important;min-height:100px;flex-basis:69px}.floating-side-button{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.help-button{left:10px}.hand-fold-button{right:10px}.legal-footer{width:100%;justify-content:center}}@media(max-width:480px){.timer-pill{width:100%}}