:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius: 14px;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .85rem;--text-md: 1rem;--text-lg: 1.3rem;--text-xl: 1.6rem;--text-2xl: 2.6rem;--dur-fast: .15s;--dur-med: .3s;--dur-slow: .5s;--ease-out: cubic-bezier(.25, .8, .4, 1);--ease-spring: cubic-bezier(.2, .7, .3, 1.1);color-scheme:dark;--bg: #0b1220;--bg-raised: #131c30;--bg-panel: #16213a;--line: #24304d;--text: #e8edf7;--text-dim: #93a1bd;--accent: #38bdf8;--accent-strong: #0ea5e9;--on-accent: #04121f;--gold: #fbbf24;--danger: #f87171;--win: #4ade80;--backdrop: rgba(4, 8, 16, .7);--shadow-1: 0 2px 8px rgba(0, 0, 0, .35);--shadow-2: 0 6px 18px rgba(0, 0, 0, .45);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);--team-color: #3b4a6b;--card-face: linear-gradient(160deg, var(--bg-raised), var(--bg-panel));--card-ink: #fff;--rarity-star: var(--gold);--rarity-star-glow: rgba(251, 191, 36, .28);--rarity-legend-glow: rgba(56, 189, 248, .45);--holo: linear-gradient( 115deg, transparent 25%, rgba(255, 130, 220, .16) 38%, rgba(255, 255, 255, .2) 46%, rgba(120, 220, 255, .22) 54%, rgba(160, 255, 180, .14) 62%, transparent 75% )}[data-theme=light]{color-scheme:light;--bg: #eef2f9;--bg-raised: #ffffff;--bg-panel: #f7f9fe;--line: #cdd7e8;--text: #16213a;--text-dim: #5a6a8a;--accent: #0284c7;--accent-strong: #0369a1;--on-accent: #ffffff;--gold: #b45309;--danger: #dc2626;--win: #15803d;--backdrop: rgba(22, 33, 58, .4);--shadow-1: 0 2px 8px rgba(22, 33, 58, .12);--shadow-2: 0 6px 18px rgba(22, 33, 58, .16);--shadow-3: 0 12px 32px rgba(22, 33, 58, .22);--card-face: linear-gradient(160deg, #ffffff, #eef2f9);--rarity-star-glow: rgba(180, 83, 9, .25);--rarity-legend-glow: rgba(2, 132, 199, .35)}.button{border:1px solid var(--line);background:var(--bg-raised);border-radius:var(--radius-md);padding:var(--space-3) 18px;cursor:pointer;font-weight:600;transition:filter var(--dur-fast)}.button:hover:not(:disabled){filter:brightness(1.2)}.button:disabled{opacity:.45;cursor:default}.button--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.button--ghost{background:transparent}.button--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.icon-button{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.icon-button:hover{background:var(--bg-raised)}.toasts{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:40;width:min(92vw,380px)}.toast{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);padding:10px 14px;cursor:pointer;text-align:left;box-shadow:var(--shadow-3);animation:rise .25s var(--ease-out)}.toast--error{border-color:var(--danger)}.timer-ring{position:relative;width:40px;height:40px}.timer-track{stroke:var(--line)}.timer-arc{stroke:var(--accent);transition:stroke-dashoffset .1s linear}.timer-ring--urgent .timer-arc{stroke:var(--danger)}.timer-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;font-variant-numeric:tabular-nums}.timer-ring--urgent .timer-label{color:var(--danger)}.room-code{display:flex;gap:6px;justify-content:center}.code-char{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) 0;width:38px;text-align:center;font-size:var(--text-lg);font-weight:800}.dialog-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:flex-end;justify-content:center;z-index:30}.dialog{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;padding:20px var(--space-4) max(20px,env(safe-area-inset-bottom));width:min(100%,460px);display:flex;flex-direction:column;gap:var(--space-3);animation:rise .2s var(--ease-out)}.dialog-title{margin:0;font-size:var(--text-md);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}@media(min-width:720px){.dialog-backdrop{align-items:center}.dialog{border-radius:var(--radius);box-shadow:var(--shadow-3)}}.card{background:var(--card-face);border:2px solid var(--team-color);border-radius:12px;overflow:hidden;width:100%;box-shadow:var(--shadow-2);position:relative}.card--full{max-width:300px}.card--reveal{width:clamp(120px,26vw,180px);font-size:.8rem}.card--hand{width:140px;font-size:.75rem}.card-frame{position:absolute;inset:2px;border-radius:9px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:3}.card-head{background:linear-gradient(150deg,color-mix(in srgb,var(--team-color) 78%,#ffffff) 0%,var(--team-color) 42%,color-mix(in srgb,var(--team-color) 62%,#000000) 100%);color:var(--card-ink);padding:var(--space-2) 10px;display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;overflow:hidden;min-height:3.2em;justify-content:flex-end}.card-portrait{position:absolute;right:-4px;bottom:-6px;height:130%;opacity:.28;pointer-events:none}.card-name{font-weight:800;font-size:1.05em;line-height:1.15;position:relative;padding-right:34px}.card-meta{font-size:.8em;opacity:.92;position:relative;display:flex;align-items:center;gap:5px}.role-icon{width:1.1em;height:1.1em;flex-shrink:0}.rarity-mark{font-size:.9em}.card--star .rarity-mark{color:var(--rarity-star);text-shadow:0 0 6px var(--rarity-star-glow)}.card--legend .rarity-mark{color:#d7f4ff;text-shadow:0 0 8px var(--rarity-legend-glow)}.card-rating{position:absolute;top:5px;right:6px;width:2.6em;height:2.9em;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.05em;color:var(--card-ink);z-index:2}.card-rating svg{position:absolute;inset:0;width:100%;height:100%}.card-rating span{position:relative;font-size:.95em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-stats{list-style:none;margin:0;padding:4px 0;position:relative}.stat-row{border-bottom:1px solid rgba(255,255,255,.06);position:relative}[data-theme=light] .stat-row{border-bottom-color:#16213a14}.stat-row:last-child{border-bottom:none}.stat-row:before{content:"";position:absolute;inset:2px auto 2px 0;width:var(--meter, 0%);background:color-mix(in srgb,var(--team-color) 22%,transparent);border-radius:0 4px 4px 0;pointer-events:none}.stat-button,.stat-static{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;width:100%;padding:7px 10px;background:transparent;border:none;text-align:left;position:relative}.stat-button{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.stat-button:hover,.stat-button:focus-visible{background:color-mix(in srgb,var(--accent) 18%,transparent)}.stat-name{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-button .stat-name{color:var(--text)}.stat-dir{color:var(--text-dim);font-size:.7em}.stat-value{font-weight:800;font-variant-numeric:tabular-nums}.stat-row--hot{background:color-mix(in srgb,var(--accent) 22%,transparent)}.stat-row--hot .stat-name,.stat-row--hot .stat-value{color:var(--accent)}.card--back{aspect-ratio:5 / 7;border-color:var(--line);background:#0d1526;display:flex;align-items:center;justify-content:center;padding:0}.card-back-art{width:100%;height:100%;display:block}.card--star{box-shadow:var(--shadow-2),0 0 14px var(--rarity-star-glow)}.card--star .card-frame{border:1.5px solid transparent;background:linear-gradient(130deg,#fbbf24e6,#fff0c8f2 30%,#b47814e6,#fbbf24e6 80%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card--legend{box-shadow:var(--shadow-2),0 0 18px var(--rarity-legend-glow)}.card--legend .card-frame{border:1.5px solid transparent;background:linear-gradient(130deg,#78dcffe6,#ffa0ebd9 30%,#fffffff2,#8cffbed9 70%,#78dcffe6) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card--legend:before{content:"";position:absolute;inset:0;background:var(--holo);opacity:.5;pointer-events:none;z-index:2}.card--legend:after{content:"";position:absolute;inset:0;background:var(--holo);pointer-events:none;z-index:2;animation:sheen 3.2s ease-in-out infinite}.card--winner{border-color:var(--win);box-shadow:0 0 22px color-mix(in srgb,var(--win) 50%,transparent)}.card--loser{filter:saturate(.5) brightness(.75)}@keyframes sheen{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes deal-in{0%{transform:translateY(40px) rotate(-6deg) scale(.85);opacity:0}60%{opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.deal-in{animation:deal-in var(--dur-slow) var(--ease-spring) both;will-change:transform,opacity}@keyframes win-sweep{to{transform:translate(var(--sweep-x, 0px)) scale(.7);opacity:0}}@keyframes pot-sink{to{transform:translateY(60px) scale(.7);opacity:0}}.sweep-to-winner{animation:win-sweep .6s var(--ease-out) 1.2s both;will-change:transform,opacity}.sweep-to-pot{animation:pot-sink .6s var(--ease-out) 1.2s both;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.toast,.dialog,.deal-in,.sweep-to-winner,.sweep-to-pot{animation:none;will-change:auto}.card--legend:after{animation:none;display:none}.stat-button{transition:none}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit}.screen{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));max-width:900px;margin:0 auto;width:100%}.screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.head-actions{display:flex;gap:8px;align-items:center}.brand{font-size:2.6rem;margin:0;letter-spacing:-.03em;font-weight:800}.brand--small{font-size:1.3rem}.brand-xi{color:var(--accent)}.tagline{color:var(--text-dim);margin:4px 0 0}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel h2{margin:0 0 12px;font-size:1rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--text-dim);font-size:.85rem}input,select{font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;padding:12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.hint{color:var(--text-dim);font-size:.85rem;margin:8px 0 0}.notice{background:var(--bg-raised);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:10px 14px;margin:0 0 14px}.tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:1px 6px;margin-left:6px;color:var(--text-dim);vertical-align:middle}.tag--you{color:var(--accent);border-color:var(--accent)}.tag--away{color:var(--gold);border-color:var(--gold)}.landing{justify-content:center;gap:24px;max-width:460px}.landing-hero{text-align:center}.landing-form{display:flex;flex-direction:column;gap:14px}.divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:flex;gap:10px}.code-input{flex:1;text-transform:uppercase;letter-spacing:.35em;font-weight:700;font-size:1.1rem;text-align:center}.lobby-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:720px){.lobby-grid{grid-template-columns:1fr 1fr}}.player-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.player{display:flex;align-items:center;gap:10px;background:var(--bg-raised);border-radius:10px;padding:8px 12px}.player--away{opacity:.55}.player-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-strong);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready{color:var(--text-dim);font-size:.85rem}.ready--yes{color:var(--win);font-weight:700}.players-panel .button{width:100%;margin-top:8px}.invite-panel .room-code{margin-bottom:12px}.invite-actions{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.invite-qr{display:block;margin:0 auto;border-radius:10px;width:132px;height:132px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.setting-row:last-of-type{border-bottom:none}.chat-panel{display:flex;flex-direction:column}.chat-log{list-style:none;margin:0 0 10px;padding:0;overflow-y:auto;max-height:160px;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.chat-row{display:flex;gap:8px}.chat-row input{flex:1;min-width:0}.table-screen{gap:10px}.table-head{display:flex;align-items:center;justify-content:space-between}.round-chip{background:var(--bg-panel);border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:700;font-size:.9rem}.opponents{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.opponent{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;min-width:92px;position:relative}.opponent--leader{border-color:var(--accent);box-shadow:0 0 10px #38bdf84d}.opponent--out{opacity:.4}.opponent-name{font-size:.8rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-cards{font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.table-center{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.table-status{text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.turn-line{color:var(--text-dim);margin:0}.turn-line strong{color:var(--accent)}.pot{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--gold);font-size:.85rem}.pot-stack{font-size:1.6rem;letter-spacing:-.4em;padding-right:.4em}.your-area{display:flex;justify-content:center;border-radius:var(--radius);padding:10px;transition:box-shadow var(--dur-med) var(--ease-out)}.your-area--turn{box-shadow:0 0 0 2px var(--accent),0 0 24px #38bdf840}.hand{display:flex;align-items:flex-end;gap:14px}.hand-top{display:flex;flex-direction:column;align-items:center;gap:8px}.hand-rest{display:flex;align-items:center;position:relative;height:64px}.hand-card-back{width:34px;height:48px;border-radius:5px;background:repeating-linear-gradient(45deg,#182543 0 6px,#131c30 6px 12px);border:1px solid var(--line);margin-left:-22px}.hand-card-back:first-child{margin-left:0}.hand-count{margin-left:10px;font-weight:800;color:var(--text-dim)}.reveal{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.reveal-stat{margin:0;color:var(--text-dim)}.reveal-stat strong{color:var(--accent);font-size:1.1em}.reveal-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;perspective:1200px}.reveal-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.reveal-owner{font-size:.8rem;color:var(--text-dim)}.reveal-flipper{animation:flip-in var(--dur-slow) var(--ease-spring) both;animation-delay:calc(var(--slot-index, 0) * var(--dur-fast));transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.reveal-value{font-size:1.3rem;font-weight:900;font-variant-numeric:tabular-nums}.reveal-value--win{color:var(--win);animation:pop var(--dur-med) var(--ease-out)}.reveal-verdict{margin:0;font-size:1.05rem;font-weight:700;animation:rise var(--dur-med) var(--ease-out)}.table-social{display:flex;align-items:center;gap:var(--space-2)}.table-social .emote-bar{flex:1}.emote-bar{display:flex;justify-content:center;gap:8px;padding-top:4px}.emote-button{background:var(--bg-panel);border:1px solid var(--line);border-radius:999px;font-size:1.1rem;padding:6px 10px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.emote-button:active{transform:scale(1.25)}.game-chat{position:relative;margin-left:auto;flex:none}.game-chat-toggle{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);cursor:pointer;transition:filter var(--dur-fast) var(--ease-out)}.game-chat-toggle:hover{filter:brightness(1.2)}.game-chat--open .game-chat-toggle{border-color:var(--accent);color:var(--accent)}.game-chat-badge{min-width:18px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:800;line-height:18px;text-align:center}.game-chat-panel{position:absolute;bottom:calc(100% + var(--space-2));right:0;z-index:5;width:min(340px,calc(100vw - var(--space-5)));display:flex;flex-direction:column;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-3);animation:rise var(--dur-fast) var(--ease-out)}.game-chat-panel .chat-log{max-height:180px}.reactions-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.reaction-float{position:absolute;bottom:18%;display:flex;flex-direction:column;align-items:center;animation:float-up 2.4s ease-out forwards;will-change:transform,opacity}.reaction-emote{font-size:2rem}.reaction-from{font-size:.7rem;color:var(--text-dim)}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40vh);opacity:0}}.results{max-width:460px}.results-panel{text-align:center;display:flex;flex-direction:column;gap:10px}.results-panel--won{border-color:var(--gold);box-shadow:0 0 30px #fbbf2433}.results-trophy{font-size:3rem;margin:0;animation:pop var(--dur-slow) var(--ease-out)}.results-title{margin:0;font-size:1.6rem;color:var(--text);text-transform:none;letter-spacing:normal}.results-reason{margin:0;color:var(--text-dim)}.standings{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.standing{display:flex;gap:10px;background:var(--bg-raised);border-radius:10px;padding:8px 12px;align-items:center}.standing--winner{border:1px solid var(--gold)}.standing-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.conn-banner{background:var(--gold);color:#241a02;text-align:center;font-weight:700;padding:8px;font-size:.9rem}@media(orientation:landscape)and (max-height:480px){.table-screen{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:8px}.table-head{grid-column:1 / -1}.opponents{grid-row:2;flex-direction:column;overflow-y:auto}.table-center{grid-row:2;grid-column:2;min-height:0}.your-area{grid-column:1 / -1;padding:4px}.card--full{max-width:220px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.reveal-flipper,.reveal-value--win,.reveal-verdict,.results-trophy,.reaction-float,.game-chat-panel{animation:none}.reveal-flipper,.reaction-float{will-change:auto}.emote-button,.your-area{transition:none}.emote-button:active{transform:none}}.profile,.history,.privacy{gap:12px}.profile-chip{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text);text-decoration:none;font-size:.9rem}.profile-chip:hover{border-color:var(--accent)}.landing{position:relative}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--team-color);object-fit:cover;flex-shrink:0;-webkit-user-select:none;user-select:none}.profile-card{display:flex;flex-direction:column;gap:16px}.profile-identity{display:flex;align-items:flex-start;gap:16px}.profile-name{flex:1;min-width:0}.avatar-button{border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-edit{font-size:.75rem;color:var(--accent)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.avatar-choice{border:2px solid transparent;border-radius:12px;background:var(--bg-raised);padding:6px;cursor:pointer;display:flex;justify-content:center}.avatar-choice:hover{border-color:var(--line)}.avatar-choice--current{border-color:var(--accent)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-tile{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.stat-tile strong{font-size:1.05rem}.stat-tile span{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.profile-actions{display:flex;flex-direction:column;gap:8px}.panel .button{text-align:center;text-decoration:none;display:block}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.match-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.match-outcome{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;background:var(--bg-raised);color:var(--text-dim);flex-shrink:0}.match-outcome--won{color:var(--win)}.match-outcome--lost{color:var(--danger)}.match-detail{display:flex;flex-direction:column;gap:2px;min-width:0}.match-detail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-copy h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:1.05rem;margin-top:18px}.privacy-copy h2:first-child{margin-top:0}.privacy-copy p{color:var(--text-dim);line-height:1.55}.privacy-copy a,.hint a,.notice a{color:var(--accent)}.gallery{max-width:1100px;gap:14px}.gallery-section h2{margin-bottom:14px}.gallery-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}.gallery-item{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}.gallery-item figcaption{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.share-frame{width:1200px;height:630px;background:var(--bg);display:flex;align-items:center;gap:70px;padding:0 90px;position:relative;overflow:hidden}.share-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 28% 50%,color-mix(in srgb,var(--team-color) 35%,transparent),transparent 70%)}.share-card{position:relative;flex-shrink:0;width:340px;font-size:1.15rem}.share-card .card--full{max-width:340px}.share-copy{position:relative;display:flex;flex-direction:column;gap:10px}.share-copy .brand{font-size:4rem}.share-player{margin:0;font-size:2.2rem;font-weight:800}.share-team{margin:0;font-size:1.3rem;color:var(--text-dim)}.share-cta{margin:12px 0 0;font-size:1.1rem;color:var(--accent);font-weight:700}