*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}:root{color-scheme:dark}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#0b0f19;color:#f0f4f8;font-family:Sora,sans-serif}button,a{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:999px}#root{min-height:100vh}.app-shell{display:flex;height:100vh;overflow:hidden}.left-nav{width:82px;background:#0d1220;border-right:1px solid #1a2540;display:flex;flex-direction:column;align-items:center;padding:16px 0 12px;gap:4px;flex-shrink:0;overflow-y:auto}.nav-logo{width:48px;height:48px;background:linear-gradient(135deg,#00e5a0,#00b4d8);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:#0b0f19;margin-bottom:20px;flex-shrink:0}.nav-item{width:66px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;cursor:pointer;background:transparent;border:none;color:#4a6080;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .15s,color .15s;text-decoration:none;flex-shrink:0}.nav-item:hover{background:#1a2540;color:#a0b4cc}.nav-item.active{background:#1a2540;color:#00e5a0}.nav-item-icon{font-size:1.3rem;line-height:1}.nav-spacer{flex:1}.nav-bottom{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.nav-tiny{font-size:.58rem;color:#2a3a52;cursor:pointer;padding:4px;border:none;background:none;text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.nav-tiny:hover{color:#4a6080}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;background:#0d1220;border-bottom:1px solid #1a2540;flex-shrink:0}.topbar-brand{font-size:1.05rem;font-weight:800;color:#00e5a0;letter-spacing:.03em}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-user{display:flex;align-items:center;gap:8px}.topbar-username{font-size:.82rem;font-weight:600;color:#f0f4f8}.topbar-role{font-size:.68rem;color:#00e5a0;font-style:normal;font-weight:700}.login-button{display:flex;align-items:center;gap:6px;background:#00e5a0;color:#0b0f19;border:none;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.login-button:hover{background:#00c98c}.logout-button{background:transparent;border:1px solid #1a2540;color:#4a6080;border-radius:8px;padding:6px 12px;font-size:.78rem;cursor:pointer;transition:all .15s}.logout-button:hover{border-color:#2a3a52;color:#a0b4cc}.match-area{flex:1;overflow-y:auto;padding:16px 20px}.match-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.create-match-btn{background:#00e5a0;color:#0b0f19;border:none;border-radius:8px;padding:9px 20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s}.create-match-btn:hover{background:#00c98c}.toolbar-stats{display:flex;gap:16px;margin-left:auto}.toolbar-stat{font-size:.75rem;color:#4a6080}.toolbar-stat strong{color:#a0b4cc;margin-left:4px}.match-list{display:flex;flex-direction:column;gap:6px}.match-card{background:#111827;border:1px solid #1a2540;border-radius:12px;overflow:hidden}.match-player-row{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:52px}.match-player-row+.match-player-row{border-top:1px solid #1a2540}.side-badge{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.side-badge.heads{background:#1a3a5c;color:#60a5fa}.side-badge.tails{background:#3a1a1a;color:#f87171}.player-avatar-sm{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.player-name-sm{font-size:.82rem;font-weight:600;color:#f0f4f8;min-width:100px;flex-shrink:0}.item-strip-sm{display:flex;gap:3px;flex:1;flex-wrap:nowrap;overflow:hidden}.item-thumb-sm{width:28px;height:28px;border-radius:5px;-o-object-fit:cover;object-fit:cover;background:#1a2540;flex-shrink:0}.item-thumb-sm-fallback{width:28px;height:28px;border-radius:5px;background:#1a2540;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#4a6080;flex-shrink:0}.match-value{font-size:.8rem;color:#4a6080;text-align:right;flex-shrink:0}.match-value strong{display:block;font-size:.9rem;color:#a0b4cc}.join-btn{background:#00c8a0;color:#0b0f19;border:none;border-radius:7px;padding:6px 14px;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.join-btn:hover{background:#00e5b0}.winner-badge{width:36px;height:36px;border-radius:50%;background:#1a3a8c;border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#60a5fa;flex-shrink:0}.empty-player-row{height:52px;display:flex;align-items:center;padding:0 14px;gap:10px;border-top:1px solid #1a2540;color:#2a3a52;font-size:.8rem}.right-chat{width:240px;background:#0d1220;border-left:1px solid #1a2540;display:flex;flex-direction:column;flex-shrink:0}.chat-header{display:flex;align-items:center;gap:7px;padding:14px 14px 10px;border-bottom:1px solid #1a2540;flex-shrink:0}.online-dot{width:8px;height:8px;background:#00e5a0;border-radius:50%;flex-shrink:0}.online-label{font-size:.8rem;font-weight:700;color:#f0f4f8}.chat-messages{flex:1;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:0}.chat-row{display:flex;gap:8px;align-items:flex-start;padding:6px 12px;transition:background .1s}.chat-row:hover{background:#111827}.chat-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;flex-shrink:0;margin-top:1px}.chat-body{min-width:0}.chat-username{font-size:.72rem;font-weight:700;color:#00e5a0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-admin{color:#f59e0b}.chat-crown{margin-right:2px;font-size:.65rem}.chat-text{margin:0;font-size:.75rem;color:#a0b4cc;word-break:break-word;line-height:1.35}.chat-empty{padding:16px 12px;font-size:.75rem;color:#2a3a52;text-align:center}.chat-form{display:flex;gap:0;border-top:1px solid #1a2540;flex-shrink:0}.chat-input{flex:1;background:transparent;border:none;padding:10px 12px;font-size:.78rem;color:#f0f4f8;outline:none;min-width:0}.chat-input::-moz-placeholder{color:#2a3a52}.chat-input::placeholder{color:#2a3a52}.chat-send-btn{background:transparent;border:none;border-left:1px solid #1a2540;padding:10px 12px;color:#00e5a0;cursor:pointer;font-size:1rem;transition:background .15s;flex-shrink:0}.chat-send-btn:hover{background:#111827}.chat-send-btn:disabled{color:#2a3a52;cursor:default}.chat-signin-prompt{margin:10px 12px;background:transparent;border:1px solid #1a2540;border-radius:8px;padding:8px;font-size:.72rem;color:#4a6080;cursor:pointer;text-align:center;transition:all .15s}.chat-signin-prompt:hover{border-color:#00e5a0;color:#00e5a0}.user-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:#111827;border:1px solid #1a2540;border-radius:16px;padding:28px;width:min(400px,92vw);position:relative}.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#4a6080;font-size:1.4rem;cursor:pointer;line-height:1}.auth-eyebrow{font-size:.72rem;color:#00e5a0;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.auth-title{font-size:1.2rem;font-weight:800;margin:0 0 10px;color:#f0f4f8}.auth-copy{font-size:.82rem;color:#6b7f99;margin:0 0 16px;line-height:1.5}.auth-alert{border-radius:8px;padding:8px 12px;font-size:.8rem;margin-bottom:12px}.auth-alert.info{background:#1a2540;color:#a0b4cc}.auth-alert.error{background:#3a1a1a;color:#f87171}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#6b7f99;font-weight:600}.auth-field input{background:#0d1220;border:1px solid #1a2540;border-radius:8px;padding:9px 12px;font-size:.85rem;color:#f0f4f8;outline:none}.auth-field input:focus{border-color:#00e5a0}.auth-submit{background:#00e5a0;color:#0b0f19;border:none;border-radius:8px;padding:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s}.auth-submit:hover:not(:disabled){background:#00c98c}.auth-submit:disabled{opacity:.5;cursor:default}.auth-switch{background:none;border:none;color:#4a6080;font-size:.78rem;cursor:pointer;padding:6px 0;text-align:center;width:100%;margin-top:4px}.auth-switch:hover{color:#a0b4cc}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:#111827;border:1px solid #1a2540;border-radius:16px;padding:24px;width:min(700px,96vw);max-height:90vh;overflow-y:auto;position:relative}.admin-modal-title{font-size:1rem;font-weight:800;color:#f0f4f8;margin:0 0 16px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-block{display:flex;flex-direction:column;gap:10px}.admin-label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:#6b7f99;font-weight:600}.admin-input{background:#0d1220;border:1px solid #1a2540;border-radius:8px;padding:8px 10px;font-size:.82rem;color:#f0f4f8;outline:none;width:100%}.admin-input:focus{border-color:#00e5a0}.admin-suggestions{display:flex;flex-direction:column;background:#0d1220;border:1px solid #1a2540;border-radius:8px;overflow:hidden}.admin-suggestion{background:none;border:none;padding:8px 12px;font-size:.8rem;color:#a0b4cc;cursor:pointer;text-align:left}.admin-suggestion:hover{background:#1a2540}.admin-actions{display:flex;gap:8px}.admin-button{background:#00e5a0;color:#0b0f19;border:none;border-radius:7px;padding:7px 14px;font-size:.78rem;font-weight:700;cursor:pointer}.admin-button.secondary{background:#1a2540;color:#a0b4cc}.admin-button:disabled{opacity:.5;cursor:default}.admin-target{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#0d1220;border-radius:8px;font-size:.78rem}.admin-target strong{color:#f0f4f8}.admin-target span{color:#4a6080}.admin-message{font-size:.75rem;padding:6px 10px;border-radius:6px}.admin-message.error{background:#3a1a1a;color:#f87171}.variant-picker{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.variant-option{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid #1a2540;border-radius:8px;padding:6px 10px;cursor:pointer;text-align:left;transition:all .15s}.variant-option:hover{background:#1a2540}.variant-option.selected{border-color:#00e5a0;background:#0d2a1a}.variant-option-thumb{width:28px;height:28px;border-radius:5px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.variant-option-copy{display:flex;flex-direction:column;gap:1px}.variant-option-copy strong{font-size:.75rem;color:#f0f4f8}.variant-option-copy span{font-size:.68rem;color:#4a6080}.admin-inventory{margin-top:16px}.inventory-list{display:flex;flex-direction:column;gap:6px}.inventory-row{display:flex;align-items:center;gap:10px;padding:8px;background:#0d1220;border-radius:8px}.inventory-thumb{width:36px;height:36px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.inventory-copy{flex:1;display:flex;flex-direction:column;gap:1px}.inventory-copy strong{font-size:.8rem;color:#f0f4f8}.inventory-copy span{font-size:.7rem;color:#4a6080}.inventory-value{text-align:right}.inventory-value strong{display:block;font-size:.82rem;color:#a0b4cc}.inventory-value span{font-size:.68rem;color:#4a6080}.panel-empty{padding:16px;font-size:.78rem;color:#2a3a52;text-align:center}.inv-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.inv-modal{background:#111827;border:1px solid #1a2540;border-radius:16px;padding:24px;width:min(480px,96vw);max-height:80vh;overflow-y:auto;position:relative}.inv-modal-title{font-size:.95rem;font-weight:800;color:#f0f4f8;margin:0 0 14px}.match-result-panel{display:flex;align-items:center;gap:16px;padding:0 18px;border-left:1px solid #1a2540;flex-shrink:0}.match-result-values{display:flex;flex-direction:column;justify-content:space-around;gap:0;align-self:stretch;padding:10px 0}.match-result-values .match-value{flex:1;display:flex;flex-direction:column;justify-content:center}.match-open-values{display:flex;flex-direction:column;justify-content:space-around;padding:0 14px;border-left:1px solid #1a2540;flex-shrink:0;gap:0}.match-open-values .match-value{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.match-item-label{font-size:.78rem;color:#a0b4cc;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-crown{font-size:1.1rem;flex-shrink:0}.match-complete{border-color:#2a3a52;opacity:.85}.match-result-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0d1220;border-top:1px solid #1a2540}.flip-chip{font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:4px}.flip-chip.heads{background:#1a3a5c;color:#60a5fa}.flip-chip.tails{background:#3a1a1a;color:#f87171}.match-winner-label{font-size:.78rem;color:#a0b4cc;flex:1}.match-tax-label{font-size:.72rem;color:#f59e0b;margin-right:8px;white-space:nowrap}.verify-btn{font-size:.68rem;color:#4a6080;background:none;border:1px solid #1a2540;border-radius:5px;padding:3px 8px;cursor:pointer;transition:all .15s;flex-shrink:0}.verify-btn:hover{border-color:#00e5a0;color:#00e5a0}.cancel-btn{font-size:.75rem;color:#f87171;background:none;border:1px solid #3a1a1a;border-radius:7px;padding:5px 12px;cursor:pointer;flex-shrink:0;transition:all .15s}.cancel-btn:hover{background:#3a1a1a}.section-divider{font-size:.68rem;font-weight:700;color:#2a3a52;text-transform:uppercase;letter-spacing:.08em;padding:10px 4px 4px}.create-match-modal,.join-match-modal{width:min(460px,96vw);max-height:90vh;overflow-y:auto}.flip-side-picker{display:flex;gap:8px;margin-bottom:14px}.flip-side-btn{flex:1;padding:10px;border-radius:10px;border:2px solid #1a2540;background:#0d1220;font-size:.85rem;font-weight:700;cursor:pointer;color:#4a6080;transition:all .15s}.flip-side-btn.active.heads{border-color:#3b82f6;color:#60a5fa;background:#1a3a5c22}.flip-side-btn.active.tails{border-color:#ef4444;color:#f87171;background:#3a1a1a22}.flip-side-btn:not(.active):hover{border-color:#2a3a52;color:#a0b4cc}.create-match-inv{max-height:280px;overflow-y:auto;margin-bottom:4px}.inventory-row.selectable{cursor:pointer;transition:background .12s,border-color .12s}.inventory-row.selectable:hover{background:#1a2540}.inventory-row.inv-selected{background:#0d2a1a;border:1px solid #00e5a0}.inventory-row.inv-dim{opacity:.45;cursor:not-allowed}.match-preview-card{background:#0d1220;border:1px solid #1a2540;border-radius:10px;overflow:hidden;margin-bottom:4px}.match-preview-row{display:flex;align-items:center;gap:8px;padding:10px 12px}.match-preview-you{display:flex;align-items:center;gap:0;padding:8px 12px;border-top:1px solid #1a2540;background:#111827}.flip-coin-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d}.flip-coin-3d.spinning{animation:coinRotate3D .7s linear infinite}@keyframes coinRotate3D{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.flip-result-overlay{animation:resultFadeIn .35s ease forwards}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.flip-coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.02em;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flip-coin-back{transform:rotateY(180deg)}.flip-coin-face.heads{background:radial-gradient(circle at 35% 35%,#5eaeff,#1a5fb4);box-shadow:0 4px 20px #1a5fb466,inset 0 -3px 10px #0d3a7a,inset 0 3px 10px #74c0ff66;color:#fff}.flip-coin-face.tails{background:radial-gradient(circle at 35% 35%,#ff8080,#c0162e);box-shadow:0 4px 20px #c0162e66,inset 0 -3px 10px #7a0d1a,inset 0 3px 10px #ff8080aa;color:#fff}.flip-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:2000}.flip-screen-label{font-size:1.4rem;font-weight:800;color:#a0b4cc;letter-spacing:.08em;text-transform:uppercase}.match-flip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f19d1;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:14px;z-index:10}.match-flip-coin-wrap{flex-shrink:0}.match-flip-label{font-size:.88rem;font-weight:700;color:#a0b4cc;letter-spacing:.05em}.result-win{color:#00e5a0!important}.result-lose{color:#f87171!important}.fairness-reveal{background:#0d1220;border:1px solid #1a2540;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;margin:12px 0}.fairness-title{font-size:.72rem;font-weight:700;color:#00e5a0;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.fairness-row{display:flex;flex-direction:column;gap:2px}.fairness-row span{font-size:.68rem;color:#4a6080;font-weight:600}.fairness-row code{font-size:.72rem;color:#a0b4cc;word-break:break-all;font-family:monospace}.action-notice{margin:0 20px 10px;padding:8px 14px;background:#0d2a1a;border:1px solid #00e5a0;border-radius:8px;font-size:.78rem;color:#00e5a0}.error-notice{margin:0 20px 10px;padding:8px 14px;background:#3a1a1a;border:1px solid #f87171;border-radius:8px;font-size:.78rem;color:#f87171}.giveaway-bar{padding:0 20px;display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.giveaway-row{display:flex;align-items:center;gap:16px;background:#0d1525;border:1px solid #1a2540;border-radius:12px;padding:10px 16px;min-height:64px}.giveaway-img-wrap{width:48px;height:48px;flex-shrink:0}.giveaway-img{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.giveaway-img-fallback{width:48px;height:48px;border-radius:8px;background:#1a2540;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#a0b4cc;font-weight:700}.giveaway-info{display:flex;flex-direction:column;gap:2px;min-width:140px}.giveaway-name{font-size:.9rem;font-weight:700;color:#f0f4f8;font-style:italic}.giveaway-value{font-size:.78rem;color:#f59e0b;font-weight:600}.giveaway-timer{font-size:.72rem;color:#00e5a0;font-weight:600}.giveaway-entries{flex:1;text-align:center;font-size:.95rem;font-weight:700;font-style:italic;color:#f0f4f8}.giveaway-join-btn{background:#00e5a0;color:#0a0f1a;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:800;cursor:pointer;flex-shrink:0;transition:background .15s}.giveaway-join-btn:hover{background:#00c98a}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:12px;background:#0d1526;border:1px solid #1a2540;border-radius:10px;padding:10px 14px}.leaderboard-rank{font-size:1.1rem;min-width:32px;text-align:center;font-weight:700;color:#6b7fa3}.leaderboard-rank.gold{color:#f59e0b}.leaderboard-rank.silver{color:#9ca3af}.leaderboard-rank.bronze{color:#b45309}.leaderboard-username{flex:1;font-size:.95rem;font-weight:700;color:#f0f4f8}.leaderboard-value{font-size:.85rem;color:#00e5a0;font-weight:700;white-space:nowrap}.leaderboard-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.leaderboard-pnl{font-size:.75rem;font-weight:700}.leaderboard-pnl.pos{color:#00e5a0}.leaderboard-pnl.neg{color:#f87171}.chat-top1{color:#f24!important;text-shadow:0 0 8px rgba(255,34,68,.6)}.chat-top1-tag{display:inline-block;background:#f24;color:#fff;font-size:.6rem;font-weight:900;border-radius:4px;padding:1px 5px;margin-right:4px;vertical-align:middle;line-height:1.4;letter-spacing:.05em}@media (max-width: 768px){.app-shell{flex-direction:column;height:100dvh;overflow:hidden}.left-nav{width:100%;height:60px;flex-direction:row;justify-content:space-around;align-items:center;padding:0 8px;gap:0;border-right:none;border-top:1px solid #1a2540;order:3;overflow-y:unset;overflow-x:auto;flex-shrink:0}.nav-logo,.nav-spacer{display:none}.nav-bottom{flex-direction:row;gap:0;width:auto}.nav-item{width:auto;min-width:44px;max-width:58px;flex:1;padding:5px 2px;font-size:.45rem;border-radius:8px;flex-shrink:0}.nav-item-icon{font-size:1rem}.nav-tiny{font-size:.5rem;padding:6px 4px}.main-area{flex:1;min-height:0;order:1}.topbar{padding:0 12px;height:48px}.topbar-brand{font-size:.9rem}.topbar-username{font-size:.75rem}.logout-button{padding:5px 8px;font-size:.7rem}.login-button{padding:6px 12px;font-size:.78rem}.right-chat{display:none;position:fixed;bottom:60px;right:0;width:100vw;max-width:100vw;height:55vh;z-index:500;border-left:none;border-top:1px solid #1a2540;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #00000080}.right-chat.mobile-open{display:flex}.match-area{padding:10px}.match-toolbar{gap:8px;margin-bottom:10px;flex-wrap:wrap}.create-match-btn{padding:8px 14px;font-size:.8rem}.toolbar-stats{gap:10px;margin-left:0}.match-player-row{padding:8px 10px;gap:6px;min-height:44px}.player-name-sm{font-size:.72rem;min-width:70px}.item-strip-sm{gap:2px}.item-thumb-sm,.item-thumb-sm-fallback{width:22px;height:22px}.match-value{font-size:.72rem}.match-value strong{font-size:.8rem}.match-open-values,.match-result-panel{padding:0 8px}.join-btn{padding:5px 10px;font-size:.7rem}.match-result-bar{padding:6px 10px;gap:6px;flex-wrap:wrap}.giveaway-bar{padding:0 10px}.giveaway-row{gap:10px;padding:8px 12px;min-height:52px}.giveaway-img,.giveaway-img-wrap,.giveaway-img-fallback{width:38px;height:38px}.giveaway-info{min-width:100px}.giveaway-name{font-size:.78rem}.giveaway-value{font-size:.7rem}.giveaway-join-btn{padding:8px 14px;font-size:.8rem}.auth-modal{width:96vw;padding:20px 16px;border-radius:12px}.admin-modal{width:98vw;padding:16px;border-radius:12px;max-height:95vh}.admin-grid{grid-template-columns:1fr;gap:14px}.inv-modal{width:98vw;padding:16px;border-radius:12px;max-height:90vh}.create-match-modal,.join-match-modal{width:98vw;max-height:95vh}.action-notice,.error-notice{margin:0 10px 8px}.empty-player-row{height:44px;padding:0 10px;font-size:.72rem}.leaderboard-username{font-size:.82rem}.leaderboard-value{font-size:.78rem}.leaderboard-pnl{font-size:.68rem}}.chat-toggle-btn{display:none}@media (max-width: 768px){.chat-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1a2540;border:1px solid #2a3a52;color:#a0b4cc;font-size:1.1rem;cursor:pointer;flex-shrink:0;transition:background .15s}.chat-toggle-btn:hover{background:#2a3a52}.chat-toggle-btn.active{background:#0d2a1a;border-color:#00e5a0;color:#00e5a0}}