.consent-banner[data-astro-cid-2effgw6e]{position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 30px #0000001f;z-index:150;padding:18px 0}.consent-inner[data-astro-cid-2effgw6e]{width:min(var(--max-width),calc(100% - 28px));margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.consent-banner[data-astro-cid-2effgw6e] p[data-astro-cid-2effgw6e]{margin:0;max-width:720px}.consent-actions[data-astro-cid-2effgw6e]{display:flex;flex-wrap:wrap;gap:10px}:root{color-scheme:light;--bg: #f8f7f4;--surface: #ffffff;--panel: #ffffff;--soft: #f3f1eb;--control: #e8e5dd;--control-alt: #e2eaf3;--ink: #1a211f;--muted: #5e6b66;--line: #e2e0d8;--green: #0f766e;--green-light: #14b8a6;--blue: #2563eb;--red: #dc2626;--yellow: #d97706;--purple: #7c3aed;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .12);--focus: #0f766e;--radius: 14px;--radius-sm: 10px;--max-width: 1200px}[data-theme=dark]{color-scheme:dark;--bg: #0f1211;--surface: #181c1b;--panel: #181c1b;--soft: #202624;--control: #2a322f;--control-alt: #1e2d38;--ink: #f0f4f2;--muted: #9aa8a2;--line: #2f3835;--green: #2dd4bf;--green-light: #5eead4;--blue: #60a5fa;--red: #f87171;--yellow: #fbbf24;--purple: #a78bfa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[hidden]{display:none!important}.skip-link{position:absolute;top:-40px;left:0;background:var(--ink);color:var(--panel);padding:8px 12px;z-index:200;text-decoration:none;font-weight:700}.skip-link:focus{top:0}a{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.site-main{width:min(var(--max-width),calc(100% - 28px));margin:0 auto;padding:24px 0 48px}.site-header{background:#ffffffd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}[data-theme=dark] .site-header{background:#181c1bd9}.header-inner{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.logo-mark{font-size:1.5rem;line-height:1}.main-nav{position:relative}.menu-toggle{display:none;padding:9px 16px;border-radius:var(--radius-sm);background:var(--control);color:var(--ink);font-weight:700;border:0;cursor:pointer}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:4px}.nav-list a{display:block;padding:9px 14px;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-weight:700;font-size:.95rem;transition:color .15s ease,background .15s ease}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--ink);background:var(--soft)}@media (max-width: 900px){.menu-toggle{display:block}.nav-list{display:none;position:absolute;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;min-width:220px;padding:10px;z-index:100}.nav-list.open{display:flex}}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:48px 0 28px}.footer-inner{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 2fr;gap:48px}.footer-brand .logo-mark{font-size:1.8rem;display:inline-block;margin-bottom:8px}.footer-brand p{color:var(--muted);max-width:280px;margin-bottom:0}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.footer-nav h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-nav a{color:var(--ink);text-decoration:none;font-size:.95rem}.footer-nav a:hover{color:var(--green);text-decoration:underline}.footer-note{grid-column:1 / -1;color:var(--muted);font-size:.85rem;margin:0;padding-top:24px;border-top:1px solid var(--line)}@media (max-width: 760px){.footer-inner{grid-template-columns:1fr;gap:32px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.breadcrumbs{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.9rem}.breadcrumbs li:not(:last-child):after{content:"›";margin-left:6px;color:var(--muted)}.breadcrumbs a{color:var(--green);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.page-header{margin-bottom:32px}.page-header h1{font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.1;margin-bottom:12px;letter-spacing:-.02em}.page-header p{color:var(--muted);font-size:1.15rem;max-width:760px}.section{margin:44px 0}.section h2{font-size:1.6rem;margin-bottom:18px;letter-spacing:-.01em}.section h3{font-size:1.2rem;margin-bottom:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.tool-card .icon{font-size:2.25rem;margin-bottom:14px;line-height:1}.tool-card h3{font-size:1.2rem;margin-bottom:8px;letter-spacing:-.01em}.tool-card p{color:var(--muted);font-size:.95rem;margin:0 0 16px;flex:1;line-height:1.55}.tool-card .meta{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.badge.multiplayer{background:color-mix(in srgb,var(--blue) 12%,var(--soft));color:var(--blue)}.badge.popular{background:color-mix(in srgb,var(--yellow) 15%,var(--soft));color:var(--yellow)}.badge.classroom{background:color-mix(in srgb,var(--green) 12%,var(--soft));color:var(--green)}.hero{background:linear-gradient(135deg,var(--panel) 0%,var(--soft) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:64px 40px;box-shadow:var(--shadow-lg);margin-bottom:40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.12) 0%,transparent 70%);pointer-events:none}[data-theme=dark] .hero:before{background:radial-gradient(circle,rgba(45,212,191,.08) 0%,transparent 70%)}.hero h1{font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.05;margin-bottom:18px;max-width:800px;letter-spacing:-.03em}.hero p{font-size:1.25rem;color:var(--muted);max-width:720px;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:var(--radius-sm);font-weight:800;text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green) 0%,var(--green-light) 100%);color:#fff;box-shadow:0 4px 14px #0f766e40}.btn-primary:hover{box-shadow:0 6px 20px #0f766e59}.btn-secondary{background:var(--control-alt);color:var(--blue)}.btn-secondary:hover{background:color-mix(in srgb,var(--control-alt) 90%,var(--blue))}.btn-ghost{background:var(--control);color:var(--ink)}.btn-ghost:hover{background:color-mix(in srgb,var(--control) 90%,var(--ink))}.prose{max-width:760px}.prose ul,.prose ol{padding-left:22px}.prose li{margin-bottom:8px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.muted{color:var(--muted)}.game-mount-inner{display:grid;gap:16px}.game-toolbar{display:flex;flex-wrap:wrap;gap:10px}.game-toolbar button{min-height:40px;padding:0 14px;border-radius:var(--radius);font-weight:800;border:0;cursor:pointer;background:var(--control);color:var(--ink)}.game-toolbar button.primary{background:var(--green);color:#fff}.game-toolbar button.secondary{background:var(--control-alt);color:var(--blue)}.game-toolbar button.icon-button{background:var(--ink);color:var(--panel)}.game-room,.game-history{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.game-room .room-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.game-room .share-card{display:grid;gap:8px;margin-top:10px}.game-room .copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.game-history .history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.game-history .history-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow-y:auto}.game-history .history-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);padding:10px;color:var(--muted)}.game-history .history-list li b{display:block;color:var(--ink)}.team-generator{display:grid;gap:14px}.team-generator label{font-weight:800}.team-generator textarea,.team-generator input,.team-generator select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:10px}.team-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-actions{display:flex;flex-wrap:wrap;gap:10px}.team-actions button{min-height:44px;padding:0 16px;border-radius:var(--radius);font-weight:800;border:0;cursor:pointer}.team-actions .primary{background:var(--green);color:#fff}.team-actions .secondary{background:var(--control-alt);color:var(--blue)}.teams-output{margin-top:10px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.team-card{border:1px solid var(--line);border-left:6px solid var(--team-color, var(--green));border-radius:var(--radius);background:var(--panel);padding:14px}.team-header{display:grid;gap:8px;margin-bottom:10px}.team-name{font-weight:800;border:1px solid var(--line);border-radius:var(--radius);padding:8px}.team-color{padding:8px}.team-players{list-style:none;margin:0;padding:0;display:grid;gap:6px}.team-players li{display:flex;justify-content:space-between;align-items:center;padding:6px;background:var(--soft);border-radius:var(--radius)}.lock-player{background:transparent;border:0;cursor:pointer;font-size:1rem}.probability-lab{display:grid;gap:16px}.lab-tabs{display:flex;flex-wrap:wrap;gap:8px}.lab-tab{min-height:40px;padding:0 16px;border-radius:var(--radius);background:var(--control);color:var(--ink);border:0;cursor:pointer;font-weight:800}.lab-tab.active{background:var(--green);color:#fff}.lab-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lab-controls input{width:80px;border:1px solid var(--line);border-radius:var(--radius);padding:8px}.lab-controls button{min-height:40px;padding:0 14px;border-radius:var(--radius);font-weight:800;border:0;cursor:pointer}.lab-controls .primary{background:var(--green);color:#fff}.lab-controls .secondary{background:var(--control-alt);color:var(--blue)}.lab-results{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.bar-chart{display:grid;gap:8px;margin-top:14px}.bar-chart .bar{background:var(--green);color:#fff;padding:8px 12px;border-radius:var(--radius);min-width:60px;font-weight:800;white-space:nowrap}.bar-chart .bar.alt{background:var(--blue)}.frequency-table{display:grid;gap:6px}.freq-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.freq-bar{background:var(--control);border-radius:var(--radius);height:20px;overflow:hidden}.freq-bar div{background:var(--green);height:100%}.flip-sequence{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0}.flip{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius);font-weight:800;font-size:.85rem}.flip.heads{background:var(--green);color:#fff}.flip.tails{background:var(--blue);color:#fff}.ad-placeholder{border:1px dashed var(--line);border-radius:var(--radius);background:var(--soft);padding:20px;text-align:center;color:var(--muted);min-height:120px;display:grid;place-items:center}.ad-placeholder-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ad-container{border-radius:var(--radius);background:var(--soft);padding:16px;min-height:120px}.ad-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}