@font-face{font-family:Kabel;src:url(/fonts/kabel-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kabel;src:url(/fonts/kabel-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kabel;src:url(/fonts/kabel-600.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kabel;src:url(/fonts/kabel-700.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Cond;src:url(/fonts/helvetica-cond.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0c0c0d;--bg-soft:#131315;--cream:#efe7d6;--red:#d91e27;--gold:#c9a24b;--ink:#0c0c0d;--line:#efe7d624}html,body{background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Helvetica Cond,Trebuchet MS,Arial,sans-serif}.display{font-family:Kabel,Georgia,serif}::selection{background:var(--red);color:#fff}.float-nav{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:28px clamp(20px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.float-nav *{pointer-events:auto}.wordmark{letter-spacing:3px;color:var(--cream);text-transform:uppercase;font-family:Kabel;font-size:15px;font-weight:700}.wordmark span{color:var(--red)}.nav-cta{letter-spacing:2px;text-transform:uppercase;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0d4d;border:1px solid #efe7d666;border-radius:999px;padding:11px 20px;font-family:Kabel;font-size:11px;font-weight:600;text-decoration:none;transition:all .25s}.nav-cta:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.stage-wrap{height:700vh;position:relative}.stage{background:radial-gradient(at 50% 40%,#1a1a1c 0%,#0c0c0d 72%);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000008c 0%,#0000000d 22% 70%,#000000a6 100%),radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.stage:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:#08080938;position:absolute;inset:0}.board-viewport{width:3200px;height:3200px;transform:translate(-50%,-50%) scale(calc(min(94vw, 94vh) / 3200));transform-origin:50%;will-change:transform;z-index:1;position:absolute;top:50%;left:50%}.board-viewport svg{shape-rendering:geometricprecision;width:100%;height:100%;display:block}.board-mood{pointer-events:none;mix-blend-mode:multiply;background:#0e0c0a47;position:absolute;inset:0}.stop-copy{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 30%,#000000b8 0%,#00000059 55%,#0000 85%);max-width:420px;padding:60px 42px 40px;transition:opacity .5s,transform .5s;position:absolute;transform:translateY(14px)}.stop-copy.visible{opacity:1;transform:translateY(0)}.stop-copy .tag{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Kabel;font-size:11px;font-weight:600;display:block}.stop-copy h3{color:var(--cream);letter-spacing:.3px;margin:0 0 12px;font-family:Kabel;font-size:26px;font-weight:700;line-height:1.15}.stop-copy p{color:#efe7d6db;margin:0;font-size:15px;font-weight:400;line-height:1.55}#copy-0{text-align:center;background:radial-gradient(95% 62% at 50% 6%,#000000eb 0%,#000000b8 45%,#0000 85%);max-width:none;margin:0 auto;padding-top:10vh;top:0;left:0;right:0}#copy-0 h1{letter-spacing:.5px;max-width:720px;margin:0 auto 18px;font-family:Kabel;font-size:clamp(30px,5vw,54px);font-weight:700;line-height:1.08}#copy-0 .meta{letter-spacing:3px;text-transform:uppercase;color:#efe7d6a6;font-family:Kabel;font-size:11px;font-weight:500}#copy-0 .meta span{color:var(--gold);margin:0 10px}#copy-1{top:10%;left:4%}#copy-2{text-align:right;bottom:6%;right:2%}#copy-3{text-align:right;top:8%;right:2%}#copy-4{bottom:8%;left:4%}#copy-5{text-align:center;margin:0 auto;bottom:4%;left:0;right:0}#copy-6{text-align:center;margin:0 auto;top:50%;left:0;right:0;transform:translateY(calc(14px - 50%))}#copy-6.visible{transform:translateY(-50%)}#copy-6 h3{font-size:30px}.scroll-hint{z-index:5;letter-spacing:3px;text-transform:uppercase;color:#efe7d68c;flex-direction:column;align-items:center;gap:10px;font-family:Kabel;font-size:10px;font-weight:500;transition:opacity .4s;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-hint .line{background:linear-gradient(#efe7d6b3,#0000);width:1px;height:34px;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.final-cta{text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 0%, #d91e2724 0%, #d91e2700 60%), var(--bg);border-top:1px solid var(--line);padding:140px 24px 150px;position:relative}.final-cta .tag{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:Kabel;font-size:11px;font-weight:600;display:block}.final-cta h2{color:var(--cream);margin:0 0 18px;font-family:Kabel;font-size:clamp(30px,5vw,50px);font-weight:700}.final-cta p{color:#efe7d6b8;max-width:480px;margin:0 auto 40px;font-size:15.5px;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn{letter-spacing:2px;text-transform:uppercase;border-radius:999px;padding:18px 34px;font-family:Kabel;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#b91620}.btn-ghost{color:var(--cream);border:1px solid #efe7d659}.btn-ghost:hover{background:#efe7d614}.skip-link{z-index:60;letter-spacing:2px;text-transform:uppercase;color:#efe7d699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0d59;border:1px solid #efe7d640;border-radius:999px;padding:10px 16px;font-family:Kabel;font-size:10px;font-weight:500;text-decoration:none;position:fixed;bottom:24px;right:24px}.skip-link:hover{color:var(--cream);border-color:#efe7d680}@media (width<=760px){.stop-copy{background:radial-gradient(120% 100%,#000000f0 0%,#000c 60%,#0000 100%);max-width:92vw;padding:34px 22px 30px}.stop-copy h3{font-size:21px}.stop-copy p{font-size:13.5px}#copy-1,#copy-4{text-align:center;inset:auto 0 6%}#copy-2,#copy-3{text-align:center;inset:8% 0 auto}#copy-0{background:radial-gradient(130% 70% at 50% 12%,#000000e0 0%,#0009 55%,#0000 92%);max-width:100%;padding-top:12vh}#copy-0 h1{font-size:clamp(22px,6.6vw,30px)}#copy-0 .meta{letter-spacing:1.6px;font-size:9px}#copy-0 .meta span{margin:0 6px}.board-viewport{transform:translate(-50%,-50%) scale(calc(min(80vw, 80vh) / 3200))}#copy-6 h3{font-size:24px}.final-cta{padding:100px 20px 110px}.btn{padding:16px 26px}}@media (width<=1024px){.board-viewport{transform:translate(-50%,-50%) scale(calc(min(86vw, 86vh) / 3200))}#copy-0{padding-top:6vh}#copy-0 .meta{letter-spacing:2px;font-size:10px}}@media (prefers-reduced-motion:reduce){.board-viewport{transition:none!important}.stop-copy{transition:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--cream);min-height:100vh;margin:0;padding:0;font-family:Helvetica Cond,Trebuchet MS,Arial,sans-serif}h1,h2,h3,.display{font-family:Kabel,Georgia,serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.wrap{max-width:1100px;margin:0 auto;padding:40px 24px 120px}.top-title{text-align:center;margin-bottom:8px}.top-title .kicker{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Kabel;font-size:11px;font-weight:600;display:block}.top-title h1{margin:0 0 6px;font-size:clamp(26px,4vw,40px);font-weight:700}.top-title p{color:var(--muted);margin:0 0 36px;font-size:14px}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:28px;padding:32px}.card-panel h2{align-items:center;gap:10px;margin:0 0 18px;font-size:18px;font-weight:700;display:flex}.field-row{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:120px;display:flex}.field label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.field input,.field select{border:1px solid var(--line);color:var(--cream);background:#0c0c0d;border-radius:8px;outline:none;padding:11px 12px;font-size:14px}.field input:focus,.field select:focus{border-color:var(--gold)}.player-row{border-bottom:1px solid var(--line);grid-template-columns:28px 1.4fr 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.player-row .num{color:var(--gold);font-family:Kabel;font-size:14px;font-weight:700}.player-row input,.player-row select{border:1px solid var(--line);color:var(--cream);background:#0c0c0d;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:13.5px}.player-row input:focus,.player-row select:focus{border-color:var(--gold)}.player-row .rm{color:var(--muted);background:0 0;border:none;padding:4px;font-size:18px}.player-row .rm:hover{color:var(--red)}.btn-sm{padding:9px 16px;font-size:11px}.actions-row{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.turn-bar{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;padding:18px 24px;display:flex}.turn-info{align-items:center;gap:14px;display:flex}.turn-avatar{background:var(--gold);color:#0c0c0d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Kabel;font-size:16px;font-weight:700;display:flex}.turn-info .name{font-size:16px;font-weight:700}.turn-info .meta{color:var(--muted);font-size:12px}.decks{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px;display:grid}.deck{background:var(--panel);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:16px;padding:26px 20px;transition:transform .2s,border-color .2s;position:relative}.deck:hover{border-color:var(--gold);transform:translateY(-4px)}.deck .deck-visual{filter:drop-shadow(0 8px 18px #00000080);width:150px;height:96px;margin:0 auto 14px}.deck .deck-visual svg{width:100%;height:100%;display:block}.deck h3{margin:0 0 4px;font-size:15px;font-weight:700}.deck .count{color:var(--muted);font-size:12px}.deck.empty{opacity:.35;cursor:not-allowed}.deck.empty:hover{border-color:var(--line);transform:none}.card-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060607db;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.card-overlay.active{display:flex}.flip-scene{perspective:1600px;cursor:pointer;width:min(92vw,440px);height:min(60vh,300px)}.flip-hint{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#efe7d68c;pointer-events:none;font-family:Kabel;font-size:11px;font-weight:500;transition:opacity .3s;position:absolute;bottom:34px;left:0;right:0}.flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.face{backface-visibility:hidden;text-align:center;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex;position:absolute;inset:0;box-shadow:0 20px 60px #0009}.face-back{background:linear-gradient(160deg,#1a1a1c,#0c0c0d)}.face-back .deck-visual{width:120px;height:120px}.face-front{background:linear-gradient(160deg,#1c1c1e,#0c0c0d);transform:rotateY(180deg)}.face-front .tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-family:Kabel;font-size:10.5px;font-weight:600}.face-front .unit{color:var(--muted);margin-bottom:16px;font-size:11px}.face-front .msg{font-size:19px;font-weight:400;line-height:1.45}.face-front .msg.answer{color:var(--gold);font-weight:600}.card-controls{justify-content:center;gap:14px;display:flex;position:absolute;bottom:34px;left:0;right:0}.frac{vertical-align:middle;text-align:center;flex-direction:column;margin:0 3px;line-height:1.05;display:inline-flex}.frac .num{border-bottom:1.5px solid;padding:0 3px 1px}.frac .den{padding:2px 3px 0}.radical{align-items:flex-start;margin:0 2px;display:inline-flex}.radical .rad-sign{margin-right:1px;font-size:1.1em;transform:translateY(-2px)}.radical .rad-body{border-top:1.5px solid;padding:0 3px}sup,sub{font-size:.65em}.import-grid{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}@media (width<=820px){.import-grid{grid-template-columns:1fr}}textarea{border:1px solid var(--line);width:100%;min-height:220px;color:var(--cream);resize:vertical;background:#0c0c0d;border-radius:10px;outline:none;padding:14px;font-family:Courier New,monospace;font-size:12.5px}textarea:focus{border-color:var(--gold)}.template-box{border:1px solid var(--line);color:var(--muted);white-space:pre;background:#0c0c0d;border-radius:10px;padding:14px;font-family:Courier New,monospace;font-size:11.5px;overflow-x:auto}.stat-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.stat-row{border:1px solid var(--line);background:#0c0c0d;border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.stat-row b{color:var(--gold)}.file-drop{border:1.5px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;margin-bottom:14px;padding:20px;font-size:13px}.file-drop input{margin:10px auto 0;display:block}.toast{background:var(--green);color:#fff;opacity:0;z-index:200;pointer-events:none;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toggle-link{color:var(--muted);cursor:pointer;margin-top:6px;font-size:12px;text-decoration:underline;display:inline-block}.toggle-link:hover{color:var(--gold)}.section-divider{border:none;border-top:1px solid var(--line);margin:40px 0}.page{display:none}.page.active{display:block}body{padding-top:0}.float-nav a.active-link{color:var(--gold)}.float-nav nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.page-inner{max-width:1100px;margin:0 auto;padding:120px 24px}.page-header{text-align:center;margin-bottom:36px}.page-header .kicker{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Kabel;font-size:11px;font-weight:600;display:block}.page-header h1{margin:0 0 6px;font-family:Kabel;font-size:clamp(26px,4vw,40px);font-weight:700}.page-header p{color:#efe7d699;margin:0;font-size:14px}.rules-header{text-align:center;margin-bottom:40px}.rules-header .kicker{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Kabel;font-size:11px;font-weight:600;display:block}.rules-header h1{margin:0 0 10px;font-family:Kabel;font-size:clamp(26px,4vw,40px);font-weight:700}.rules-header p{color:#efe7d699;max-width:520px;margin:0 auto;font-size:14px}.rules-grid{flex-direction:column;gap:22px;display:flex}.rule-section h2{margin:0 0 16px;font-family:Kabel;font-size:18px;font-weight:700}.rule-section h3{color:var(--gold);margin:22px 0 10px;font-family:Kabel;font-size:14.5px;font-weight:700}.rule-section p{color:#efe7d6d9;margin:0 0 12px;font-size:14px;line-height:1.6}.rule-lead{font-style:italic;color:#efe7d6a6!important}.rule-list{flex-direction:column;gap:9px;margin:0 0 6px;padding:0;list-style:none;display:flex}.rule-list li{color:#efe7d6d9;padding-left:18px;font-size:14px;line-height:1.55;position:relative}.rule-list li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.rule-list-ol{counter-reset:rulenum}.rule-list-ol li{counter-increment:rulenum;padding-left:26px}.rule-list-ol li:before{content:counter(rulenum);width:auto;height:auto;color:var(--gold);background:0 0;border-radius:0;font-family:Kabel;font-size:13px;font-weight:700;top:0}.rule-warn{color:#f0b0a8!important}.rule-warn:before{background:var(--red)!important}.rule-callout{color:#efe7d6d9;background:#c9a24b14;border:1px solid #c9a24b4d;border-radius:10px;margin-top:10px;padding:14px 16px;font-size:13.5px;line-height:1.55}.callout-tag{color:var(--gold);margin-bottom:6px;font-family:Kabel;font-size:12px;font-weight:700;display:block}.table-wrap{margin-top:8px;overflow-x:auto}.rule-table{border-collapse:collapse;width:100%;font-size:13px}.rule-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding:10px 12px;font-family:Kabel;font-size:11px;font-weight:600}.rule-table td{border-bottom:1px solid var(--line);color:#efe7d6d9;padding:10px 12px}.rule-table tr:last-child td{border-bottom:none}.muted-inline{color:#efe7d680;font-size:11.5px}.level-track{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.level{border:1px solid var(--line);background:#0c0c0d;border-radius:10px;flex-direction:column;gap:4px;min-width:120px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.level small{color:#efe7d68c;font-size:11px;font-weight:400}.level-final{border-color:var(--gold)}.level-arrow{color:var(--gold);font-size:16px}@media (width<=640px){.page-inner{padding:110px 18px 90px}.level-track{flex-direction:column;align-items:stretch}.level-arrow{align-self:center;transform:rotate(90deg)}}.board-viewport img,.deck-visual img{width:100%;height:100%;display:block}.page-inner .auth-panel{max-width:420px;margin:0 auto}.session-bar{background:var(--bg-soft);border:1px solid var(--line);color:#efe7d6b3;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;padding:14px 20px;font-size:13px;display:flex}.session-bar strong{color:var(--gold)}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--line);color:var(--cream);cursor:pointer;background:#0c0c0d;border-radius:999px;padding:9px 18px;font-family:Kabel;font-size:12px;font-weight:600;transition:all .2s}.chip:hover{border-color:var(--gold)}.chip.selected{background:var(--gold);border-color:var(--gold);color:var(--ink)}.panel-title{margin:0 0 10px;font-family:Kabel;font-size:18px;font-weight:700}.panel-hint{color:#efe7d699;margin:0 0 20px;font-size:13px;line-height:1.55}.panel-hint code,.credential-box code{color:var(--gold);font-family:Courier New,monospace;font-size:12.5px}.inline-check{color:#efe7d6bf;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.credential-box{background:#c9a24b14;border:1px solid #c9a24b4d;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:14px}.table-meta{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#efe7d68c;margin-bottom:24px;font-family:Kabel;font-size:11px;font-weight:600}.deck-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=760px){.deck-grid{grid-template-columns:1fr}}.deck-slot{background:var(--bg-soft);border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--cream);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;transition:transform .2s,border-color .2s;display:flex}.deck-slot:hover{border-color:var(--gold);transform:translateY(-4px)}.deck-slot .deck-visual{filter:drop-shadow(0 8px 18px #00000080);width:150px;height:96px;margin-bottom:12px}.deck-name{font-family:Kabel;font-size:16px;font-weight:700}.deck-count{color:#efe7d68c;font-size:12px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll .data-table{min-width:520px}.data-table{border-collapse:collapse;width:100%;font-size:13px}@media (width<=520px){.float-nav{gap:10px;padding:14px}.float-nav .nav-cta{padding:9px 14px;font-size:10px}.wordmark{font-size:16px}.page-inner{padding:104px 14px 80px}}.data-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-family:Kabel;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--line);color:#efe7d6d9;vertical-align:top;padding:10px 12px}.field input[type=file]{color:#efe7d6b3;font-size:13px}.skip-link{z-index:200;background:var(--gold);color:var(--ink);white-space:nowrap;border-radius:0 0 8px;width:auto;max-width:max-content;padding:10px 18px;font-size:12px;text-decoration:none;position:fixed;top:0;left:-9999px}.skip-link:focus{left:0}
