@font-face{font-family:Swiss721Extended;src:url("/fonts/Swiss 721 Extended Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FSSinclair;src:url("/fonts/FS Sinclair Pack/FS Sinclair Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FSSinclair;src:url("/fonts/FS Sinclair Pack/FS Sinclair Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FSSinclair;src:url("/fonts/FS Sinclair Pack/FS Sinclair Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:FSSinclair,SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#080b14;color:#f2f2f2;--color-bg-idle: #080b14;--color-bg-input: #0d1220;--color-bg-matched: #141100;--color-bg-calling: #03151d;--color-panel: #0b0e18;--color-panel-border: #f2da00;--color-accent: #fe0;--color-accent-soft: rgba(254, 224, 0, .35);--color-skull-idle: rgba(255, 255, 255, .9);--color-skull-matched: #111111;--color-arrow-idle: rgba(255, 255, 255, .35);--color-arrow-active: #fe0;--color-list-arrow-idle: rgba(255, 255, 255, .4);--color-list-arrow-active: #ffffff;--color-disabled-text: rgba(255, 255, 255, .25);--input-pad-size: 25%;--input-pad-gap: 5%;--input-pad-row-gap: 5%;--input-pad-skull-size: 55%}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-idle);color:inherit;overflow:hidden}#root{width:100%;min-height:100vh;min-height:100dvh;height:100%}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#ffffff29}::-webkit-scrollbar-track{background-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;width:100%;height:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:24px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));transition:background-color .3s ease;overflow:hidden}.utility-menu{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:8}.utility-menu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:0;padding:0;margin:0;z-index:7}.utility-menu__toggle{width:44px;height:44px;border:2px solid rgba(254,224,0,.65);background:rgba(8,11,20,.95);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.utility-menu__toggle:hover{border-color:#fff065;transform:translateY(-1px)}.utility-menu__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.utility-menu__toggle-icon{width:22px;height:22px}.utility-menu__drawer{position:absolute;top:0;right:0;width:230px;background:#080c16;border:2px solid rgba(254,224,0,.5);padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:10px;transform:translate(12px);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none;z-index:8}.utility-menu__drawer--open{transform:translate(0);opacity:1;pointer-events:auto}.utility-menu__title{margin:0 0 6px;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.utility-menu__item{border:1px solid rgba(254,224,0,.35);background:rgba(14,20,33,.95);color:#fff;padding:10px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;transition:border-color .2s ease,background .2s ease}.utility-menu__item:hover,.utility-menu__item:focus-visible{border-color:var(--color-accent);background:#161c2b}.utility-menu__item-icon{width:18px;height:18px;flex:none}.app-shell--idle{background-color:var(--color-bg-idle)}.app-shell--input{background-color:var(--color-bg-input)}.app-shell--matched{background-color:var(--color-bg-matched)}.app-shell--calling{background-color:var(--color-bg-calling)}.app-shell__content{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(280px,.42fr);align-items:stretch;gap:0;width:min(calc(100vw - 32px),1200px);max-width:100%;height:min(calc(100dvh - 32px),960px);max-height:calc(100dvh - 32px);background:var(--color-panel);border:2px solid var(--color-panel-border);transition:transform .2s ease;overflow:hidden}.app-shell__column{display:flex;flex-direction:column;padding:clamp(20px,3vw,36px);min-width:0;min-height:0}.app-shell__column--left{align-items:center;justify-content:center}.app-shell__column--right{display:grid;grid-template-rows:auto 1fr;height:100%;border-left:1px solid rgba(255,255,255,.05);gap:8px;min-width:0;min-height:0}.app-shell__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;flex-wrap:wrap;min-height:0;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.03)}.app-shell__header>div:first-child{flex:1 1 auto}.app-shell__title{margin:0;font-family:Swiss721Extended,FSSinclair,sans-serif;font-size:clamp(1.25rem,3.2vw,1.8rem);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);line-height:1.05}.app-shell__subtitle{margin:4px 0 0;color:#ffffffb3;font-size:clamp(.8rem,2.2vw,.9rem);max-width:300px}.app-shell__actions{display:inline-flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:nowrap}.app-shell__action-btn{width:40px;height:40px;border:2px solid var(--color-accent);background:#090c14;color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.app-shell__action-btn:hover{transform:translateY(-1px);border-color:#fff065;box-shadow:none}.app-shell__action-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell__action-icon{width:18px;height:18px}.input-pad{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(100%,clamp(280px,42vw,420px))}.input-pad__grid{display:grid;grid-template-rows:repeat(3,auto);gap:var(--input-pad-row-gap);align-items:center;justify-items:center;width:100%}.input-pad__row{display:flex;gap:var(--input-pad-gap);align-items:center;flex-wrap:nowrap}.input-pad__row--single{justify-content:center}.input-pad__arrow{width:var(--input-pad-size);height:var(--input-pad-size);border:2px solid rgba(255,255,255,.2);background:#0f141f;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.input-pad__arrow:hover:not(:disabled){border-color:var(--color-accent)}.input-pad__arrow--active{transform:scale(1.02);border-color:var(--color-accent);background:#1a1f2d}.input-pad__arrow .arrow-icon{width:44px;height:44px;background-color:var(--color-arrow-idle)}.input-pad__arrow--active .arrow-icon{background-color:var(--color-arrow-active)}.arrow-icon{display:inline-flex;width:36px;height:36px;background-color:currentColor;mask:url(/images/stratagem\ arrow.svg) center/contain no-repeat;-webkit-mask:url(/images/stratagem\ arrow.svg) center/contain no-repeat;transition:transform .18s ease,background-color .18s ease}.arrow-icon--u{transform:rotate(0)}.arrow-icon--d{transform:rotate(180deg)}.arrow-icon--l{transform:rotate(-90deg)}.arrow-icon--r{transform:rotate(90deg)}.input-pad__skull{width:var(--input-pad-skull-size);height:var(--input-pad-skull-size);border:2px solid var(--color-accent);background:#0f141f;display:flex;align-items:center;justify-content:center;font-size:4.2rem;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}.input-pad__skull--idle{color:var(--color-skull-idle)}.input-pad__skull--input{color:#ffffffb3;border-color:#fff6}.input-pad__skull--matched{color:var(--color-skull-matched);background:var(--color-accent)}.input-pad__skull--calling{color:var(--color-skull-matched);background:var(--color-accent);animation:skullPulse 1.25s ease-in-out infinite}.input-pad__skull--disabled{opacity:.5;cursor:default}.input-pad__skull:active:not(:disabled){transform:scale(.98)}.input-pad__skull-icon{width:70%;height:70%;display:inline-flex;background-color:currentColor;mask:url(/images/SkullIcon.svg) center/contain no-repeat;-webkit-mask:url(/images/SkullIcon.svg) center/contain no-repeat;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}.input-pad__hint{margin:0;font-size:1rem;color:#ffffffa6;text-align:center;max-width:340px}.stratagem-list{flex:1;min-height:0;height:100%;max-height:100%;background:#0e121d;padding:20px;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.08)}.stratagem-list__inner{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.stratagem{display:flex;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);background:#111623;transition:border-color .2s ease,background .2s ease,transform .2s ease}.stratagem:hover{border-color:var(--color-accent)}.stratagem--selected{border-color:var(--color-accent);background:#1a2030;transform:translateY(-2px)}.stratagem__icon{width:60px;height:60px;background:#090c14;border:1px solid rgba(254,224,0,.25);display:flex;align-items:center;justify-content:center;padding:8px}.stratagem__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(254,224,0,.35))}.stratagem__body{display:flex;flex-direction:column;gap:10px;justify-content:center}.stratagem__title{margin:0;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.1em;font-size:1.05rem;color:#f7f7f7;text-transform:uppercase;white-space:nowrap;overflow:hidden;display:block}.stratagem__title.scrolling{animation:scrollTitle 10s ease-in-out infinite;animation-delay:1s}@keyframes scrollTitle{0%,15%{transform:translate(0)}45%,55%{transform:translate(calc(-100% + 100px))}85%,to{transform:translate(0)}}.stratagem__sequence{display:flex;gap:10px}.sequence-arrow{display:inline-flex;width:28px;height:28px;background-color:#b4b4b4d9;mask:url(/images/stratagem\ arrow.svg) center/contain no-repeat;-webkit-mask:url(/images/stratagem\ arrow.svg) center/contain no-repeat;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.sequence-arrow--u{transform:rotate(0)}.sequence-arrow--d{transform:rotate(180deg)}.sequence-arrow--l{transform:rotate(-90deg)}.sequence-arrow--r{transform:rotate(90deg)}.sequence-arrow--active{background-color:#fff}.stratagem-list__empty{margin:32px 0;text-align:center;color:var(--color-disabled-text)}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;pointer-events:none;background:rgba(5,8,14,.65);animation:fadeIn .2s ease forwards}.countdown-overlay__ring{width:220px;height:220px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;background:radial-gradient(circle at center,rgba(0,0,0,0) 58%,rgba(0,0,0,.85) 59%),conic-gradient(var(--color-accent) calc(var(--progress) * 360deg),rgba(0,0,0,.45) 0deg)}.countdown-overlay__timer{font-size:3.8rem;font-family:Swiss721Extended,FSSinclair,sans-serif;position:relative;color:var(--color-accent);mix-blend-mode:difference;text-shadow:0 0 12px rgba(0,0,0,.35)}.countdown-overlay__caption{margin:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.flash-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;opacity:0;animation:flash .25s ease forwards}.flash-layer--success{background:rgba(254,224,0,.45)}.flash-layer--error{background:rgba(255,59,48,.45)}.orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(3,5,10,.92);display:flex;align-items:center;justify-content:center;z-index:10;padding:24px}.orientation-overlay__panel{border:2px solid var(--color-accent);background:#0b0e18;padding:32px;text-align:center;max-width:420px}.orientation-overlay__message{margin:0;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3f3f3}.floating-window{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.floating-window__panel{pointer-events:auto;min-width:min(520px,90vw);max-width:90vw;background:#0b0e18;border:2px solid var(--color-accent);padding:20px 24px;max-height:calc(100vh - 48px);overflow-y:auto}.floating-window__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.floating-window__title{margin:0;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-size:1.1rem}.floating-window__close{border:none;background:#1a1f2d;color:#fff;width:32px;height:32px;border:2px solid var(--color-accent);font-size:1.2rem;cursor:pointer;transition:background .2s ease}.floating-window__close:hover{background:var(--color-accent);color:#0b0e18}.floating-window__body{display:flex;flex-direction:column;gap:16px;max-height:100%;overflow-y:auto}.utility-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.utility-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);pointer-events:auto}.utility-panel{position:absolute;top:76px;right:32px;width:min(360px,calc(100vw - 32px));background:#080c16;border:2px solid rgba(254,224,0,.45);padding:20px 24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px #00000073;pointer-events:auto}.utility-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.utility-eyebrow{margin:0;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:.95rem}.utility-title{margin:4px 0 0;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-size:1.1rem}.utility-close{border:none;background:#1a1f2d;color:#fff;width:32px;height:32px;border:2px solid rgba(254,224,0,.45);font-size:1.2rem;cursor:pointer;align-self:flex-start;transition:background .2s ease,color .2s ease}.utility-close:hover{background:var(--color-accent);color:#0b0e18}.utility-section{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.utility-section:first-of-type{border-top:0;padding-top:0}.utility-section-title{margin:0 0 8px;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffffbf}.utility-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;color:#ffffffe6;font-size:.95rem}.utility-note{margin:0;font-size:.85rem;color:#ffffffa6}.settings-menu__link{color:#9fd5ff;text-decoration:none;transition:color .2s ease}.settings-menu__link:hover{color:#fff}.settings-menu__legal{margin:6px 0 0;font-size:.85rem;color:#ffffffb3;line-height:1.4}.settings-menu__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.settings-menu__list-item{font-size:.95rem;color:#ffffffe6;line-height:1.4}.settings-menu__description{margin:0 0 12px;color:#ffffffbf;font-size:.9rem}.settings-menu__support-toggle{width:100%;border:2px solid rgba(254,224,0,.45);background:#101421;color:#fff;padding:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .2s ease,background .2s ease}.settings-menu__support-toggle:hover{border-color:var(--color-accent);background:#161c2b}.settings-menu__support-options{margin-top:12px;display:flex;flex-direction:column;gap:12px}.settings-menu__support-link{display:inline-flex;justify-content:center;align-items:center;padding:10px;border:2px solid rgba(254,224,0,.45);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:#fff;background:#0e121d;transition:border-color .2s ease,background .2s ease}.settings-menu__support-link:hover{border-color:var(--color-accent);background:#161c2b}.settings-menu__bmc{display:flex;justify-content:center}.help-menu .utility-section{border-color:#ffffff0d}.adjuster-panel{width:min(420px,calc(100vw - 32px))}.adjuster-label{margin:0 0 6px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.adjuster-slider{width:100%;accent-color:var(--color-accent)}.adjuster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adjuster-input{width:100%;background:#0f141f;border:2px solid rgba(254,224,0,.4);padding:8px;color:#fff;font-size:.95rem}.adjuster-actions{display:flex;justify-content:space-between;gap:12px}.adjuster-reset,.adjuster-secondary{flex:1;border:2px solid rgba(254,224,0,.45);background:#101421;color:#fff;padding:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .2s ease,background .2s ease}.adjuster-reset:hover,.adjuster-secondary:hover{border-color:var(--color-accent);background:#161c2b}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.soundboard-button{border:2px solid rgba(254,224,0,.4);background:#101421;color:#f5f5f5;font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:12px;text-align:left;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease}.soundboard-button:hover{border-color:var(--color-accent);background:#161c2b}.music-player{display:flex;flex-direction:column;gap:12px}.music-player__label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.music-player__select{background:#0f141f;border:2px solid rgba(254,224,0,.4);padding:10px;color:#fff;font-family:FSSinclair,sans-serif}.music-player__controls{display:flex;align-items:center;gap:12px}.music-player__button{width:40px;height:40px;border:2px solid rgba(254,224,0,.4);background:#101421;color:#fff;cursor:pointer;font-size:.95rem;display:inline-flex;justify-content:center;align-items:center;transition:background .2s ease,border-color .2s ease}.music-player__button:hover{background:#161c2b;border-color:var(--color-accent)}.music-player__status{font-family:Swiss721Extended,FSSinclair,sans-serif;letter-spacing:.1em;font-size:.75rem;color:#ffffffb3}.music-player__volume{display:flex;align-items:center;gap:12px;font-size:.85rem}.music-player__volume input[type=range]{flex:1}@keyframes skullPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #fee00080}50%{transform:scale(1.05);box-shadow:0 0 38px #fee000bf}}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
