:root{--bg: #0a0e1c;--bg-2: #10162b;--bg-3: #182038;--line: #2a3352;--text: #e8ecf7;--text-dim: #9aa3bf;--gold: #d8b45a;--gold-bright: #ffd27a;--player: #53d6e8;--enemy: #e0564f;--azure: #4fa3e0;--ember: #e0684f;--gale: #5fd6a3;--volt: #e8c94f;--umbra: #9a6fd6;--radius: 10px;--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% -10%,#17203c 0%,var(--bg) 55%,#06080f 100%);color:var(--text);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.screen-root{height:100%;display:flex;flex-direction:column}.btn{font-family:var(--sans);font-size:14px;color:var(--text);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:10px 18px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 12px #d8b45a40}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn.active{border-color:var(--gold-bright);box-shadow:0 0 10px #ffd27a66}.btn-primary{background:linear-gradient(180deg,#7a5f22,#55431a);border-color:var(--gold);font-weight:700}.btn-primary:hover:not(:disabled){box-shadow:0 0 18px #ffd27a73}.btn-lg{font-size:17px;padding:14px 34px}.btn-mini{font-size:12px;padding:6px 12px}.btn-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;margin-left:auto}.title-screen{flex:1;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;position:relative;overflow:hidden}.title-kv{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../art/kv/title.jpg);background-size:cover;background-position:right center;background-repeat:no-repeat;z-index:0;animation:kv-breathe 48s ease-in-out infinite alternate}@keyframes kv-breathe{0%{transform:scale(1.03)}to{transform:scale(1.09)}}.title-kv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0e1cf0,#0a0e1ce6 26%,#0a0e1c9e 44%,#0a0e1c38,#0a0e1c00 76%)}.title-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#cfd8ef 50%,transparent 51%),radial-gradient(1px 1px at 70% 20%,#cfd8ef 50%,transparent 51%),radial-gradient(2px 2px at 85% 60%,#ffd27a 50%,transparent 51%),radial-gradient(1px 1px at 40% 75%,#cfd8ef 50%,transparent 51%),radial-gradient(1.5px 1.5px at 10% 80%,#9a6fd6 50%,transparent 51%),radial-gradient(1px 1px at 55% 45%,#cfd8ef 50%,transparent 51%);animation:drift 60s linear infinite;opacity:.8}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-140px)}}.title-content{grid-column:1;justify-self:start;max-width:460px;padding-inline:clamp(24px,6vw,96px) 24px;text-align:left;z-index:1}.title-tagline{color:#c3ccdf;letter-spacing:.24em;font-size:13px;margin:0 0 4px;text-shadow:0 1px 12px rgba(6,8,15,.9)}.title-logo{font-family:var(--serif);font-size:clamp(40px,7.5vw,76px);line-height:.94;letter-spacing:.08em;margin:8px 0 0;background:linear-gradient(180deg,#fff 20%,var(--gold-bright) 70%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(216,180,90,.25)}.title-atlas{display:block;color:transparent}.title-sub{font-family:var(--serif);color:var(--player);letter-spacing:.5em;margin:4px 0 40px}.title-menu{display:flex;flex-direction:column;gap:12px;width:min(320px,80vw)}.title-options{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 900px){.title-screen{grid-template-columns:minmax(0,1fr);align-items:end}.title-kv{background-position:84% top;background-size:cover}.title-kv:after{background:linear-gradient(180deg,#0a0e1c1a,#0a0e1c8c 34%,#0a0e1ced 52%,#0a0e1cf7)}.title-content{max-width:none;padding-block:0 6vh;padding-inline:clamp(20px,7vw,48px)}.title-logo{font-size:clamp(38px,13vw,60px)}}.map-screen{flex:1;display:flex;flex-direction:column;padding:20px clamp(16px,5vw,60px);gap:18px;overflow-y:auto}.map-header{display:flex;align-items:baseline;gap:14px}.hazard-hint{margin:0;font-size:12px;color:var(--umbra)}.map-header h1{font-family:var(--serif);font-size:22px;margin:0;color:var(--gold-bright)}.loop-badge{color:var(--enemy);border:1px solid var(--enemy);border-radius:20px;padding:2px 12px;font-size:12px}.map-track{display:flex;gap:6px;align-items:center}.map-node{flex:1;height:42px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--text-dim);font-size:12px;background:var(--bg-2)}.map-node.done{opacity:.45}.map-node.current{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 14px #ffd27a4d}.map-choices h2{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--text)}.map-choice-cards{display:flex;gap:16px;flex-wrap:wrap}.choice-card{min-width:200px;padding:22px 26px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left}.choice-card:hover{border-color:var(--gold);box-shadow:0 8px 26px #00000080,0 0 16px #d8b45a33}.choice-label{font-family:var(--serif);font-size:20px;color:var(--gold-bright)}.node-boss .choice-label,.node-elite .choice-label{color:var(--enemy)}.choice-desc{font-size:13px;color:var(--text-dim)}.map-loadout{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}.map-loadout h3{margin:0 0 6px;font-size:12px;color:var(--text-dim);letter-spacing:.15em}.loadout-dice,.loadout-crew,.loadout-relics{display:flex;gap:8px;flex-wrap:wrap}.loadout-die,.relic-chip{font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2);color:var(--text)}.relic-chip{border-color:var(--gold);color:var(--gold-bright)}.crew-chip{font-size:12px;padding:5px 12px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}.map-quit{align-self:flex-end}.aspect-azure{border-color:var(--azure)!important}.aspect-ember{border-color:var(--ember)!important}.aspect-gale{border-color:var(--gale)!important}.aspect-volt{border-color:var(--volt)!important}.aspect-umbra{border-color:var(--umbra)!important}.battle-screen{flex:1;display:flex;flex-direction:column;min-height:0}.battle-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line);background:#10162bbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.core-status{display:flex;align-items:center;gap:10px}.core-label{font-size:12px;color:var(--text-dim)}.seal-pips{display:flex;gap:5px}.seal-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);transition:all .3s}.seal-pips.player .seal-pip.alive{background:var(--player);box-shadow:0 0 8px var(--player);border-color:var(--player)}.seal-pips.enemy .seal-pip.alive{background:var(--enemy);box-shadow:0 0 8px var(--enemy);border-color:var(--enemy)}.battle-info{display:flex;flex-direction:column;align-items:center;gap:2px}.enemy-name{font-family:var(--serif);font-size:15px;color:var(--gold-bright)}.turn-label{font-size:12px;color:var(--text-dim)}.turn-label.yours{color:var(--player)}.enemy-crests{font-size:10px;color:var(--text-dim);letter-spacing:.06em}.battle-main{flex:1;position:relative;min-height:0}.board-host{position:absolute;top:0;right:0;bottom:0;left:0}.board-host canvas{display:block}.place-help{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:#10162be6;border:1px solid var(--gold);border-radius:24px;padding:8px 16px;font-size:13px;z-index:5}.battle-log{position:absolute;left:14px;bottom:10px;font-size:12px;color:var(--text-dim);text-shadow:0 1px 3px #000;pointer-events:none}.battle-log div:last-child{color:var(--text)}.unit-panel{position:absolute;right:14px;top:14px;width:250px;background:#10162bf0;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);padding:12px 14px;z-index:6}.unit-head{display:flex;align-items:baseline;gap:8px}.unit-name{font-family:var(--serif);font-size:17px}.unit-aspect{font-size:11px;color:var(--text-dim)}.unit-stats{display:flex;gap:12px;font-size:13px;margin:8px 0}.unit-shield{color:var(--player)}.unit-acted{color:var(--text-dim)}.unit-ability{font-size:12px;color:var(--text-dim);margin:0 0 8px;line-height:1.5}.unit-ability strong{color:var(--umbra)}.unit-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.unit-actions .btn{padding:8px 6px;font-size:13px}.battle-dock{display:flex;align-items:stretch;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:#10162bd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.roster-panel{display:flex;gap:8px;overflow-x:auto;flex:1;min-width:0}.roster-card{min-width:108px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);border-top-width:3px;background-color:var(--bg-2);background-image:linear-gradient(180deg,#0a0e1ccc,#0a0e1ced),var(--art, none);background-position:center 20%;background-size:cover;background-repeat:no-repeat;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:2px;position:relative;text-align:left;font-size:11px}.roster-card:disabled{opacity:.5;cursor:default}.roster-card.summonable{box-shadow:0 0 10px #d8b45a4d}.roster-card.active{border-color:var(--gold-bright);box-shadow:0 0 14px #ffd27a80}.roster-card.dead{filter:grayscale(1)}.roster-cost{position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#1a1405;font-weight:800;font-size:12px;display:grid;place-items:center;box-shadow:0 2px 6px #00000080}.roster-name{font-family:var(--serif);font-size:13px;white-space:nowrap}.roster-aspect,.roster-stats{color:var(--text-dim)}.roster-state{color:var(--gold-bright)}.crest-bar{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:center}.crest-list{display:flex;gap:6px}.crest-chip{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);font-size:13px}.crest-glyph{font-family:var(--serif);font-size:12px}.crest-value{font-weight:700;min-width:14px;text-align:center}.crest-summon .crest-glyph{color:var(--gold-bright)}.crest-move .crest-glyph{color:var(--gale)}.crest-strike .crest-glyph{color:var(--ember)}.crest-arc .crest-glyph{color:var(--umbra)}.crest-ward .crest-glyph{color:var(--azure)}.pending-paths{display:flex;gap:6px}.path-chip{padding:6px 14px;border-radius:18px;border:1px solid var(--player);background:#53d6e81f;color:var(--player);font-size:13px;font-weight:700;cursor:pointer;animation:pulse 1.6s ease-in-out infinite}.path-chip.active{background:var(--player);color:#06222a;animation:none}.path-chip:disabled{opacity:.4;animation:none;cursor:default}@keyframes pulse{0%,to{box-shadow:0 0 4px #53d6e866}50%{box-shadow:0 0 14px #53d6e8cc}}.btn-end-turn{min-width:130px}.turn-actions{display:flex;gap:8px;align-items:center}.dice-tray-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070eb8;display:grid;place-items:center;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dice-tray,.help-modal{width:min(720px,94vw);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--gold);border-radius:16px;padding:22px 26px;box-shadow:0 20px 60px #0009,0 0 30px #d8b45a26}.tray-title{font-family:var(--serif);font-size:19px;margin:0 0 16px;color:var(--gold-bright);text-align:center}.tray-sub{font-size:12px;color:var(--text-dim);font-family:var(--sans)}.dice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:18px}.die-card{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--text);padding:10px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px}.die-card.selected{border-color:var(--gold-bright);box-shadow:0 0 16px #ffd27a66}.die-name{font-family:var(--serif);font-size:14px}.die-faces{display:flex;flex-wrap:wrap;gap:4px}.die-order{position:absolute;top:-9px;left:-7px;width:22px;height:22px;border-radius:50%;background:var(--gold-bright);color:#1a1405;font-weight:800;font-size:13px;display:grid;place-items:center}.face-chip{font-size:10px;padding:3px 7px;border-radius:6px;border:1px solid;background:#00000040;white-space:nowrap;cursor:inherit;color:var(--text);font-family:var(--sans)}.face-chip.big{font-size:17px;padding:10px 18px;border-radius:10px;font-weight:700}.roll-card .face-chip.big{animation:chip-reveal .25s ease-out both;animation-delay:.95s}@keyframes chip-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.roll-card .face-chip.big{animation:none}}.face-chip.selected{outline:2px solid var(--gold-bright)}.face-path{border-color:var(--player);color:var(--player)}.face-summon{border-color:var(--gold);color:var(--gold-bright)}.face-move{border-color:var(--gale);color:var(--gale)}.face-strike{border-color:var(--ember);color:var(--ember)}.face-arc{border-color:var(--umbra);color:var(--umbra)}.face-ward{border-color:var(--azure);color:var(--azure)}.roll-results{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.die-cube-scene{width:92px;height:92px;perspective:520px;margin:6px auto}.die-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d}.die-cube.landed{animation:land-pop .22s ease-out}@keyframes land-pop{0%{scale:1}40%{scale:1.08}to{scale:1}}.cube-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:15px;font-weight:800;border:1.5px solid;border-radius:12px;background:linear-gradient(160deg,#1c2440,#10162b);backface-visibility:hidden;box-shadow:inset 0 0 18px #00000073}.dice-tray{position:relative;overflow:hidden}.dice-tray.jackpot{border-color:var(--gold-bright);box-shadow:0 20px 60px #0009,0 0 46px #ffd27a8c}.jackpot-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,210,122,.4),transparent 60%);animation:jackpot-fade 1.1s ease-out forwards}@keyframes jackpot-fade{0%{opacity:1}to{opacity:0}}.roll-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);cursor:pointer}.roll-card.selected{border-color:var(--gold-bright);box-shadow:0 0 14px #ffd27a73}.roll-card:disabled{cursor:default}.roll-die-name{font-size:11px;color:var(--text-dim)}.tray-actions{display:flex;gap:12px;justify-content:center}.dice-tray>.btn-primary{display:block;margin:0 auto}.flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.toast-layer{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{background:#10162bf5;border:1px solid var(--gold);border-radius:24px;padding:10px 22px;font-size:13px;color:var(--gold-bright);box-shadow:0 8px 24px #00000080,0 0 14px #d8b45a4d}.title-row{display:flex;gap:10px;justify-content:center}.title-row .btn{flex:1}.ach-stats{color:var(--text-dim);font-size:13px}.ach-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.ach-item{display:grid;grid-template-columns:130px 1fr auto auto;gap:10px;align-items:baseline;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;opacity:.6}.ach-item.done{opacity:1;border-color:var(--gold)}.ach-name{font-family:var(--serif);font-size:13px;color:var(--gold-bright)}.ach-text{color:var(--text-dim)}.ach-unlock{color:var(--player)}.ach-item.done .ach-state{color:var(--gold-bright)}.swap-new{display:flex;flex-direction:column;align-items:center;gap:6px}.tutorial-overlay{position:fixed;left:14px;top:76px;width:min(300px,42vw);background:#10162bf5;border:1px solid var(--gold);border-radius:12px;padding:14px 16px;z-index:25;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #00000080,0 0 16px #d8b45a33}.tutorial-step{font-size:11px;color:var(--gold-bright);letter-spacing:.2em}.tutorial-text{margin:0;font-size:13px;line-height:1.7}.tutorial-overlay .btn-mini{align-self:flex-end}.btn-recommended{border-color:var(--player);box-shadow:0 0 12px #53d6e84d}.rec-badge{display:inline-block;margin-left:8px;font-size:11px;color:var(--player);border:1px solid var(--player);border-radius:12px;padding:1px 9px;vertical-align:2px}.help-modal h2{font-family:var(--serif);color:var(--gold-bright);margin-top:0}.help-modal ol{line-height:1.8;font-size:14px;padding-left:20px}.help-tip{font-size:13px;color:var(--text-dim);border-left:3px solid var(--gold);padding-left:10px}.result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ecc;display:grid;place-items:center;z-index:30}.result-panel{text-align:center;padding:40px 60px}.result-title{font-family:var(--serif);font-size:clamp(40px,8vw,64px);margin:0 0 8px;letter-spacing:.12em}.result-panel.won .result-title{color:var(--gold-bright);text-shadow:0 0 40px rgba(255,210,122,.5)}.result-panel.lost .result-title{color:var(--enemy);text-shadow:0 0 40px rgba(224,86,79,.4)}.result-sub{color:var(--text-dim);margin-bottom:28px;line-height:1.7}.pick-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;overflow-y:auto}.pick-screen h1{font-family:var(--serif);font-size:26px;color:var(--gold-bright);margin:0}.pick-cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.pick-card{width:220px;min-height:180px;padding:20px;border-radius:14px;border:1px solid var(--line);border-top-width:3px;background-color:var(--bg-2);background-image:linear-gradient(180deg,#0a0e1cb8,#0a0e1ce6),var(--art, none);background-position:center 22%;background-size:cover;background-repeat:no-repeat;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left}.pick-card:hover:not(:disabled){border-color:var(--gold);box-shadow:0 10px 30px #00000080,0 0 18px #d8b45a33}.pick-card:disabled{opacity:.5;cursor:default}.pick-kind{font-size:11px;color:var(--text-dim);letter-spacing:.2em}.pick-name{font-family:var(--serif);font-size:19px;color:var(--gold-bright)}.pick-desc{font-size:13px}.pick-sub{font-size:12px;color:var(--umbra)}.pick-flavor{font-size:11px;color:var(--text-dim);margin-top:auto;line-height:1.5}.forge-guide{color:var(--player);font-size:14px;margin:0}.forge-dice{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;width:min(860px,94vw)}.forge-die{border:1px solid var(--line);border-radius:12px;background:var(--bg-2);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.forge-die.selected{border-color:var(--gold-bright)}.forge-die .face-chip{cursor:pointer}.forge-offers{text-align:center}.forge-offers h3{font-size:13px;color:var(--text-dim);letter-spacing:.15em}.forge-offer-list{display:flex;gap:12px;justify-content:center}.end-screen{flex:1;display:grid;place-items:center;text-align:center}.end-screen h1{font-family:var(--serif);font-size:clamp(36px,7vw,58px);letter-spacing:.14em;margin-bottom:10px}.end-screen.victory h1{color:var(--gold-bright);text-shadow:0 0 40px rgba(255,210,122,.5)}.end-screen.gameover h1{color:var(--enemy)}.end-screen p{color:var(--text-dim);line-height:1.9;margin-bottom:30px}@media (max-width: 760px){.battle-dock{flex-direction:column}.crest-bar{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.unit-panel{width:min(250px,70vw)}.enemy-crests{display:none}.roll-results{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.title-stars,.title-kv,.path-chip{animation:none}}