:root{color-scheme:dark;font-family:system-ui,'Malgun Gothic',sans-serif;background:#101e26;color:#e9e6d8}*{box-sizing:border-box}body{margin:0}button,select,a{touch-action:manipulation}button,select{font:inherit;color:inherit;background:#213641;border:1px solid #66716c;border-radius:6px;min-width:44px;min-height:44px;padding:10px 14px;cursor:pointer}button:hover:not(:disabled){background:#344d54;border-color:#e6c886}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffe8a1;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}button small,button b{display:block}p{line-height:1.55}h1,h2,h3,p{margin:0 0 14px}h1{font-family:Batang,serif;font-size:26px}h2{font-size:19px}h3{font-size:16px}small{font-size:13px}a{color:#e4c584}meter{width:100%;height:12px;accent-color:#91c0ac}img{max-width:100%}.ui-icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0}.slot-primary{background:linear-gradient(#e8d49a,#bda161);color:#142730;border-color:#e8d49a;font-weight:750;min-height:52px}.slot-primary:hover:not(:disabled){color:#f5e7c2;background:#465147}.selected,[aria-pressed=true]{border-color:#efd286!important;box-shadow:inset 0 0 0 1px #efd286;background:#374c50}.slot-app{max-width:1360px;margin:0 auto;padding:18px;min-height:100dvh}.slot-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #61716f;padding-bottom:14px;margin-bottom:18px}.slot-header>div{flex:1;min-width:0}.slot-header h1{margin:4px 0 0}.slot-header small{color:#cbb787;letter-spacing:1px}.slot-header>button{padding:10px}.slot-hint{color:#b2c1c1;font-size:13px}.slot-menu{max-width:none;display:flex;align-items:center;padding:7vw;background:linear-gradient(90deg,#0b192cf0 5%,#112033ac 40%,#10223815),url('/art/menu/v1/tide.webp') 70% center/cover}.slot-menu-copy{max-width:560px}.slot-menu-copy h1{font-size:clamp(58px,10vw,130px);letter-spacing:8px;margin:14px 0;color:#e9d39a}.slot-menu-copy>span{letter-spacing:3px;color:#dccda9}.slot-menu-copy p{font-size:19px;max-width:380px;margin:10px 0 32px}.slot-menu-copy a{display:block;margin:24px 0}.slot-menu-copy button{min-width:270px}
.slot-setup-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.slot-setup-top>div{display:flex;gap:8px;flex-shrink:0}.slot-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:8px 0 22px}.slot-roster-card{height:170px;padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:#162c34}.slot-roster-card .slot-portrait{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:.64}.slot-roster-card b,.slot-roster-card>span{position:relative;background:#142632d9;padding:4px;font-size:14px;width:100%}.slot-empty{font-size:34px!important;background:transparent!important}.slot-setup-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.slot-hero-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot-hero-picker button{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:6px;align-items:center;text-align:left;padding:6px;font-size:13px}.slot-portrait{object-fit:cover;object-position:50% 15%;display:block}.slot-hero-picker img{height:56px;width:40px}.slot-build{background:#192e37;border:1px solid #50615f;border-radius:8px;padding:20px;min-width:0}.slot-build-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.slot-build-title img{width:64px;height:82px}.slot-build-title>div{flex:1}.slot-build-title h2{margin-bottom:6px}.slot-class-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:16px}.slot-class-grid button{padding:4px;font-size:13px;overflow:hidden;min-width:0}.class-thumbnail{display:block;width:100%;height:58px;overflow:hidden}.class-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:var(--class-art-position,70% 0%)}.slot-loadout>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.slot-loadout label{display:flex;flex-direction:column;gap:4px;padding:10px;background:#0f222b;border:1px solid #47606a;border-radius:5px;min-width:0}.slot-loadout select{width:100%;min-width:0;font-size:14px}.slot-loadout label>span{font-size:13px;color:#b6ccce}.slot-items>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.slot-items button{display:grid;grid-template-columns:48px minmax(0,1fr);text-align:left;column-gap:8px;padding:10px}.slot-items b{font-size:14px}.slot-items small{grid-column:2;color:#c0ccce;line-height:1.4}.item-thumbnail{width:44px;height:44px;grid-row:1/3}.slot-choose-empty{padding:80px 0;text-align:center}.slot-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:0;background:#10232cf2;padding:12px 0;margin-top:16px;border-top:1px solid #677268;z-index:2}.slot-footer span{font-size:13px}
.slot-selection{max-width:1000px}.slot-opponents{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 26px}.slot-opponents article{text-align:center;display:grid;gap:4px;font-size:14px}.slot-opponents img{height:88px;width:100%;object-fit:cover}.slot-opponents span{color:#bbcbc8;font-size:13px}.slot-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.slot-pick-grid button{display:flex;align-items:center;gap:12px;text-align:left;position:relative;padding:6px;min-width:0}.slot-pick-grid img{width:70px;height:94px}.slot-pick-grid span{display:grid;gap:6px;min-width:0;font-size:15px}.slot-pick-grid small{color:#c1ceca}.slot-pick-grid strong{position:absolute;left:5px;top:5px;font-size:13px;background:#e4cd91;color:#15313a;padding:3px;border-radius:3px}.slot-chosen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.slot-chosen>*{text-align:center;border:1px solid #576a69;padding:10px;font-size:14px}.slot-selection>.slot-primary{width:100%}.slot-selection>p{font-size:14px;margin-top:16px}
.slot-battle{display:grid;grid-template-columns:minmax(0,1fr) 460px;grid-template-rows:auto minmax(0,1fr);max-width:none;height:100dvh;min-height:650px;padding:10px;gap:10px}.slot-battle .slot-header{grid-column:1/-1;margin:0;padding-bottom:8px}.slot-battle .slot-header h1{font-size:20px}.slot-stage{display:flex;flex-direction:column;min-width:0;border:1px solid #596966;background:#14242b;overflow:hidden}.slot-huds{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px;background:#182a32}.slot-unit-hud{min-width:0;background:#1e3b44;border:1px solid #698986;padding:10px;border-radius:7px}.slot-unit-hud.ai{background:#473438;border-color:#9c7470}.slot-unit-hud>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:15px;margin-bottom:7px}.slot-unit-hud>div:first-child span{font-size:13px}.slot-unit-hud>small{display:block;margin-top:5px}.slot-hp{display:grid;grid-template-columns:30px 1fr 28px;gap:6px;align-items:center;font-size:13px;margin-top:3px}.slot-hp b{text-align:right;font-size:16px}#slot-canvas{width:100%;flex:1;min-height:200px;min-width:0}.slot-battle-tools{display:flex;justify-content:center;gap:8px;padding:8px}.slot-battle-tools button{font-size:13px}.slot-console{overflow:auto;min-width:0;padding:4px}.slot-machine{background:linear-gradient(140deg,#344640,#18292e);border:1px solid #c8ac6a;border-radius:10px;padding:12px;box-shadow:inset 0 0 0 4px #20322f}.slot-machine h2{font-size:15px;text-align:center;color:#f3dfb0}.slot-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.slot-reel{min-height:106px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:6px 2px;background:linear-gradient(#b2a486,#fff3d2 40%,#e9ddbb 60%,#afa588);border-radius:4px;border:2px solid #d2c08e;color:#1c3434;box-shadow:inset 0 7px 14px #0c15163b;overflow:hidden}.slot-reel>span{font-size:24px}.slot-reel>b{font-size:13px;word-break:keep-all}.slot-reel.miss{background:linear-gradient(#2b353a,#405259,#27383e);color:#aebbc0;border-color:#64767a}.slot-reel.hitting{box-shadow:0 0 18px #ffe4a4;outline:2px solid #ffe4a4}.slot-reel.jackpot{border-color:#ffdb53;background:#ffe79a;animation:jackpot-glow .7s ease-in-out infinite alternate}.slot-reel.spinning>span{animation:slot-roll .15s linear infinite}#slot-outcome{text-align:center;font-size:13px;margin:10px 0 0;color:#eddda6}#slot-log{min-height:62px;padding:9px 4px}#slot-log p{font-size:13px;margin:1px 0;color:#c6d1cd}#slot-commands h2{font-size:17px;margin:4px 0 10px}.slot-category{display:grid;grid-template-columns:1fr 1fr;gap:9px}.slot-category button{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;text-align:left;min-height:90px;border-color:#ac9566;background:linear-gradient(130deg,#3c4844,#192b33)}.slot-category small{grid-column:1/-1;font-size:13px;color:#c5cfc5}.slot-command-title{display:flex;gap:12px;align-items:center;margin-bottom:8px}.slot-command-title h2{margin:0!important}.slot-subcategories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot-subcategories button{padding:10px 7px}.slot-subcategories small{font-size:13px;font-weight:normal;margin-top:6px}.slot-techniques{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.slot-techniques>div{display:flex;flex-direction:column;gap:5px;background:#18313c;padding:9px;border:1px solid #486270;border-radius:5px;min-width:0}.slot-techniques b{font-size:14px}.slot-techniques span{font-size:13px;color:#b9cccb}.slot-techniques .good{color:#bcde98}.slot-techniques .bad{color:#e9b9a8}#slot-commands>.slot-primary{width:100%;margin-bottom:8px}details{font-size:13px;color:#bccbcc}summary{cursor:pointer;min-height:44px;display:flex;align-items:center}details p{margin:8px 0}
.slot-result{max-width:850px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.slot-result h1{font-size:46px;color:#efd58d}.slot-result-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:12px}.slot-result-team article{display:flex;flex-direction:column;gap:9px;border:1px solid #60706b;background:#1d343b;padding:10px}.slot-result-team img{height:220px;width:100%;object-fit:cover}.fallen img{filter:grayscale(.8);opacity:.5}.slot-result-team span{font-size:13px}.slot-result>button{min-width:280px}dialog{border:1px solid #c3a567;background:#172d37;color:#e2e5d8;border-radius:10px;max-width:min(620px,94vw);max-height:85dvh;padding:20px}dialog::backdrop{background:#081015b5}dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}dialog li{margin:16px 0;line-height:1.7;font-size:15px}#slot-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px;max-width:90vw;background:#243a41;color:#ffe5a7;z-index:10}#slot-toast:empty{display:none}#slot-loading{position:fixed;inset:0;z-index:12;background:#10232ceb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}#slot-loading[hidden]{display:none}
@keyframes slot-roll{from{transform:translateY(-40px);opacity:.2}to{transform:translateY(40px);opacity:1}}@keyframes jackpot-glow{to{box-shadow:0 0 20px #f5c647}}
@media(max-width:1050px){.slot-battle{grid-template-columns:minmax(0,1fr) 390px}.slot-setup-grid{grid-template-columns:230px minmax(0,1fr)}.slot-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-hero-picker>div{grid-template-columns:1fr}}
@media(max-width:700px){.slot-app{padding:12px}.slot-header h1{font-size:21px}.slot-menu{padding:28px;align-items:flex-end;padding-bottom:15vh;background-position:65% center}.slot-menu-copy h1{font-size:61px}.slot-menu-copy p{font-size:16px}.slot-setup-top{display:block}.slot-setup-top>div{margin-bottom:14px}.slot-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot-roster-card{height:100px}.slot-roster-card>span{font-size:13px}.slot-setup-grid{display:flex;flex-direction:column}.slot-hero-picker>div{grid-template-columns:1fr 1fr}.slot-hero-picker button{font-size:13px}.slot-build{padding:12px}.slot-loadout>div{gap:6px}.slot-loadout label{padding:7px}.slot-items>div{grid-template-columns:1fr}.slot-footer{flex-direction:column;gap:8px}.slot-footer>button{width:100%}.slot-opponents{gap:5px;margin-bottom:18px}.slot-opponents img{height:57px}.slot-opponents b{font-size:13px;word-break:keep-all}.slot-opponents span{font-size:13px}.slot-selection h2{font-size:17px}.slot-pick-grid{grid-template-columns:1fr 1fr;gap:6px}.slot-pick-grid button{gap:5px}.slot-pick-grid img{width:45px;height:84px}.slot-pick-grid span{font-size:14px}.slot-pick-grid small{font-size:13px}.slot-chosen button{padding:8px 3px}.slot-battle{display:flex;flex-direction:column;height:auto;min-height:100dvh;padding:6px;gap:6px}.slot-battle .slot-header{padding:4px 0;margin:0}.slot-battle .slot-header small{font-size:13px;letter-spacing:0}.slot-battle .slot-header h1{font-size:17px}.slot-stage{height:330px;flex-shrink:0}.slot-huds{gap:6px;padding:6px}.slot-unit-hud{padding:6px}.slot-unit-hud>div:first-child{display:block;font-size:14px}.slot-unit-hud>div:first-child>span{display:block;font-size:13px}.slot-unit-hud>small{font-size:13px}.slot-hp{grid-template-columns:27px 1fr 27px;gap:3px}#slot-canvas{min-height:125px}.slot-battle-tools{padding:3px;gap:5px}.slot-battle-tools button{padding:6px 10px;min-height:44px}.slot-console{overflow:visible;padding:3px}.slot-machine{padding:10px}.slot-machine h2{font-size:14px;margin-bottom:8px}.slot-reel{min-height:80px;padding:5px 1px;gap:4px}.slot-reel>b{font-size:13px}.slot-reel>span{font-size:19px}#slot-log{min-height:60px}#slot-commands{padding-bottom:15px}.slot-category button{min-height:78px}.slot-techniques>div{padding:7px}.slot-result-team{gap:6px}.slot-result-team article{padding:5px}.slot-result-team img{height:150px}.slot-result-team b{font-size:14px}}
@media(min-width:701px) and (max-height:480px){.slot-battle{min-height:390px;grid-template-columns:minmax(0,1fr) 370px}.slot-battle .slot-header{padding:0}.slot-header small{display:none}.slot-battle .slot-header h1{font-size:17px}.slot-unit-hud{padding:5px}.slot-unit-hud>div:first-child{font-size:13px}.slot-huds{padding:5px;gap:5px}#slot-canvas{min-height:110px}.slot-battle-tools{padding:4px}.slot-reel{min-height:72px}.slot-machine{padding:8px}.slot-machine h2{font-size:13px}.slot-battle .slot-console{max-height:calc(100dvh - 72px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.slot-stage{position:relative}.slot-jackpot-cutin{position:absolute;inset:0;z-index:3;background:#0c1c29;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end;padding:22px}.slot-jackpot-cutin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.85}.slot-jackpot-cutin>div{position:relative;display:grid;gap:8px;background:#142630dc;border-left:4px solid #ead383;padding:16px}.slot-jackpot-cutin strong{font:700 clamp(20px,3vw,34px) Batang,serif;color:#ffe9a5}.slot-jackpot-cutin span{color:#ffdc74;letter-spacing:5px}
.slot-menu-copy a{min-height:44px;display:flex;align-items:center;width:fit-content}