.site{--accent:#16756b;--accent-soft:#e8f3f0;--accent-pale:#f3f8f6;--accent-border:#a6cec5;color:#243735;background:#f6f8f7;min-height:100vh;font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif}.site a{color:inherit;text-decoration:none}.site button,.site select{font-family:inherit}.site-header{background:#fff;border-bottom:1px solid #e5e7f0;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px max(24px,50% - 580px);display:flex}.brand{letter-spacing:1px;font-size:24px;font-weight:800}.brand span{color:var(--accent);letter-spacing:4px;font-size:9px;display:block}.site-header nav{align-items:center;gap:24px;font-size:13px;display:flex}.site-header nav>span{color:#798099;font-size:11px}.site-main{max-width:1160px;margin:auto;padding:0 24px 48px}.crumbs{color:#777f96;gap:12px;padding-top:24px;font-size:12px;display:flex}.page-heading{padding:32px 0 28px}.page-heading h1{margin:8px 0 10px;font-size:32px;line-height:1.5}.page-heading p{color:#6f778d;font-size:14px;line-height:1.8}.eyebrow{color:var(--accent);letter-spacing:1px;font-size:11px;font-weight:700}.guide-picker{background:#fff;border:1px solid #e2e5ef;border-radius:10px;margin-bottom:24px;padding:24px}.guide-picker h2{margin-bottom:16px;font-size:17px}.phase-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.phase-tabs button{text-align:left;color:#626b83;cursor:pointer;background:#f7faf9;border:1px solid #e2e5ef;border-radius:6px;flex-direction:column;gap:6px;padding:13px 10px;font-size:11px;line-height:1.5;display:flex}.phase-tabs strong{color:var(--accent);font-size:17px}.phase-tabs button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.phase-tabs button[aria-pressed=true] strong{color:#fff}.selected-phase{border-top:1px solid #ebedf4;margin-top:24px;padding-top:22px}.gimmick-tabs{flex-wrap:wrap;gap:8px;display:flex}.gimmick-tabs button{color:#6b7188;cursor:pointer;background:#fff;border:1px solid #dddfee;border-radius:6px;padding:10px 16px;font-size:13px}.gimmick-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);font-weight:700}.guide-content{background:#fff;border:1px solid #e2e5ef;border-radius:10px;padding:24px}.guide-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.waymark-note{color:#526968;background:var(--accent-pale);border-radius:5px;margin-bottom:18px;padding:10px 14px;font-size:11px;line-height:1.8}.guide-title h2{margin-bottom:6px;font-size:24px}.guide-title p{color:#7a8297;font-size:12px}.status{color:#757d92;white-space:nowrap;background:#edf0f5;border-radius:4px;padding:5px 9px;font-size:10px;display:inline-block}.status.ready{color:var(--accent);background:var(--accent-soft)}.preview-callout{background:var(--accent-pale);border-left:3px solid var(--accent-border);color:#526968;margin-bottom:20px;padding:12px 16px;font-size:11px;line-height:1.8}.preview-callout strong{color:var(--accent);margin-right:14px}.learning-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:24px;display:grid}.arena-panel{background:#f7faf9;border:1px solid #e8eaf2;border-radius:8px;padding:20px}.arena-heading{color:#7c8398;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex}.study-arena{width:100%;max-height:580px;margin:12px auto 0;display:block}.arena-legend{text-align:center;color:#757d92;margin-top:10px;font-size:10px;line-height:1.9}.study-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.p6-help{color:#6d758a;font-size:12px;line-height:1.8}.p6-pairs{color:#526c74;padding:0;font-size:12px;line-height:2;list-style:none}.p6-timeline{border-top:1px solid #dfe7e9;margin-top:24px;padding-top:20px}.p6-timeline summary{cursor:pointer;color:var(--accent);font-weight:600}.p6-timeline p{color:#6d758a;font-size:12px}.p6-timeline ol{max-height:420px;padding:0;list-style:none;overflow:auto}.p6-timeline li{border-bottom:1px solid #edf1f2;gap:20px;padding:8px 12px;font-size:12px;display:flex}.p6-timeline time{color:var(--accent);font-variant-numeric:tabular-nums;min-width:40px}.study-controls button,.reroll{color:#666e84;cursor:pointer;background:#fff;border:1px solid #dfe2ed;border-radius:5px;padding:10px 13px;font-size:12px}.site-primary{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:11px 16px;font-size:12px;display:inline-flex;background:var(--accent)!important;color:#fff!important;border:0!important}.site button:disabled{opacity:.35;cursor:default}.study-sidebar{padding:20px 0}.study-step h2{margin:12px 0;font-size:20px}.study-step p{color:#6d758a;margin-bottom:24px;font-size:13px;line-height:1.9}.study-sidebar label{color:#656d83;margin:16px 0 8px;font-size:12px;display:block}.study-sidebar select,.strategy-picker select{color:#313b53;background:#fff;border:1px solid #dce0eb;border-radius:5px;width:100%;padding:10px}.strategy-picker{border:1px solid #dce0eb;border-radius:6px;margin:20px 0;padding:16px}.strategy-picker label{margin-bottom:8px;font-weight:600;display:block}.strategy-picker select{max-width:360px}.strategy-picker p{color:#656d83;margin:10px 0 0;font-size:13px;line-height:1.9}.my-role{border-block:1px solid #e4e7f0;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding:16px 0;display:flex}.my-role strong{color:var(--accent);font-size:20px}.my-role>span{font-size:12px}.my-role p{color:#80879a;width:100%;font-size:11px}.reroll{width:100%;margin-top:18px}.step-list{margin-top:20px;list-style:none}.step-list button{text-align:left;cursor:pointer;color:#798196;background:0 0;border:0;border-radius:4px;width:100%;padding:12px 8px;font-size:12px}.step-list button span{margin-right:12px}.step-list button[aria-current]{color:var(--accent);background:var(--accent-soft);font-weight:700}.source-section{border-top:1px solid #e8eaf1;margin-top:24px;padding-top:20px}.source-section h2{font-size:15px}.source-section p{color:#858a9a;margin-top:8px;font-size:11px}.source-links{color:var(--accent);flex-wrap:wrap;gap:20px;margin-top:12px;font-size:11px;display:flex}.gimmick-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.gimmick-pagination button{color:var(--accent);cursor:pointer;background:#fff;border:1px solid #dfe2ed;border-radius:5px;padding:12px 18px;font-size:12px}.gimmick-pagination span{color:#858da2;font-size:11px}.guide-placeholder{text-align:center;background:#f7faf9;border:1px dashed #dfe2ee;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.guide-placeholder>span{color:#9bbdb8;font-size:40px;font-weight:700}.guide-placeholder h3{margin:12px 0;font-size:20px}.guide-placeholder p{color:#7e8598;margin-bottom:24px;font-size:13px;line-height:1.8}.home-contents{background:#fff;border:1px solid #e2e5ef;border-radius:10px;padding:24px}.home-contents>h2{margin-bottom:18px;font-size:17px}.home-raid{border-top:1px solid #eceef5;align-items:center;gap:24px;padding:26px 16px;display:flex}.home-raid>span:last-child{margin-left:auto}.raid-symbol{background:var(--accent-soft);color:var(--accent);border-radius:8px;place-items:center;min-width:64px;height:64px;font-size:18px;font-weight:800;display:grid}.home-raid h3{margin-bottom:8px;font-size:20px}.home-raid p{color:#7b8398;margin-bottom:10px;font-size:12px;line-height:1.8}.home-raid.coming h3{color:#7b8296;font-size:17px}.coming .raid-symbol{color:#9da4b8;background:#f0f2f7}.site-footer{color:#8a91a3;border-top:1px solid #e1e4ed;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1112px;margin:0 auto;padding:24px 0 32px;font-size:10px;display:flex}.site-footer a{color:var(--accent)}.site :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=900px){.phase-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-layout{grid-template-columns:minmax(0,1fr)}.study-sidebar{padding:4px 0}.site-footer{margin:0 24px}.study-arena{max-height:550px}}@media (width<=560px){.site-header{padding:14px 16px}.brand{font-size:21px}.site-header nav>span{display:none}.site-main{padding:0 14px 32px}.page-heading{padding:24px 0 20px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.guide-picker,.guide-content,.home-contents{padding:16px}.phase-tabs{gap:6px}.phase-tabs button{min-height:75px;padding:9px 7px;font-size:10px}.phase-tabs strong{font-size:15px}.gimmick-tabs button{padding:9px 10px;font-size:12px}.guide-title{align-items:start}.guide-title h2{font-size:20px}.status{font-size:9px}.guide-title>.status{white-space:normal;text-align:center;min-width:65px}.arena-panel{padding:10px}.study-controls{gap:6px}.study-controls button{padding:10px;font-size:11px}.preview-callout strong{display:block}.gimmick-pagination button{padding:11px 10px;font-size:11px}.gimmick-pagination span{font-size:10px}.home-raid{flex-wrap:wrap;gap:12px;padding:20px 0}.home-raid h3{font-size:17px}.raid-symbol{min-width:48px;height:48px;font-size:14px}.home-raid>div{flex:1;min-width:170px}.site-footer{margin:0 14px;display:block}.site-footer p{margin:10px 0}}.stage-navigation{min-width:0;margin-bottom:18px}.stage-navigation .step-list{gap:6px;margin:0;padding:4px 4px 12px;display:flex;overflow-x:auto}.stage-navigation li{flex:none}.stage-navigation button{white-space:nowrap;background:#f7faf9;border:1px solid #dfe7e4;padding:10px 12px}.stage-navigation button[aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}.stage-navigation button span{margin-right:8px}.party-status{margin-top:22px}.party-status h3{margin-bottom:12px;font-size:13px}.party-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.party-status-grid button{text-align:left;color:#526968;cursor:pointer;background:#f7faf9;border:1px solid #e0e7e4;border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;font-size:11px;display:flex}.party-status-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.party-status-grid strong{color:#243735;font-size:12px}.party-status-grid b{color:var(--accent);margin-left:auto;font-size:16px}.doom-status{color:#a83f57}.clean-status{color:#64758a}.cleared-status{color:var(--accent)}.p6-player-motion{transition:transform .5s ease-in-out}.p6-tether,.p6-transfer-cue path{animation:1.2s linear infinite p6-tether-flow}.p6-attack-band{animation:.5s ease-out p6-band-reveal}.p6-impact-ring{transform-box:fill-box;transform-origin:50%;animation:.8s ease-out both p6-impact}.p6-transfer-impact{animation:.8s ease-out both p6-transfer-flash}.p6-oath-status{color:#69457e;background:#f8f2fb;border:1px solid #d6bee3;border-radius:6px;gap:8px;margin-bottom:18px;padding:14px;display:grid}@keyframes p6-tether-flow{to{stroke-dashoffset:-20px}}@keyframes p6-band-reveal{0%{opacity:.2}to{opacity:1}}@keyframes p6-impact{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@keyframes p6-transfer-flash{0%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion:reduce){.p6-player-motion{transition:none}.p6-tether,.p6-transfer-cue path,.p6-attack-band,.p6-impact-ring,.p6-transfer-impact{animation:none}.p6-impact-ring{opacity:.6}}.p7-sword,.p7-duty{color:#995431;background:#fff3ed;border:1px solid #e8c8b8;border-radius:6px;gap:8px;margin:18px 0;padding:14px;display:grid}.p7-sword.ice{color:#386886;background:#eef8ff;border-color:#b6d9ed}.p7-duty{color:#665078;background:#f7f1fb;border-color:#d7c5e6}.p7-sword span,.p7-duty span{font-size:12px}.p7-counter{color:#15796e;font-size:28px;font-weight:700}.p7-footnote{color:#758396;margin-top:20px;font-size:12px;line-height:1.8}.p7-summary{border-top:1px solid #dfe7e9;margin-top:20px;padding-top:14px}.p7-summary h3{font-size:14px}.p7-hit{animation:.8s ease-out both p7-hit}.p7-direction-options{color:#6d758a;margin:12px 0 18px;font-size:12px}.p7-direction-options summary{cursor:pointer;color:var(--accent);padding:8px 0}.p7-movement{border-top:1px solid #dfe7e9;margin-top:12px;padding-top:12px}@keyframes p7-hit{0%{opacity:1;stroke-width:6px}to{opacity:.7;stroke-width:2px}}@media (prefers-reduced-motion:reduce){.p7-hit{animation:none}}.early-layout{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:24px;display:grid}.early-field{background:#f6f9f9;border:1px solid #dfe7ed;border-radius:8px;padding:20px}.early-field svg{width:100%;max-height:650px;display:block}.early-caption{color:#8292a6;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex}.early-play{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.early-play button{color:#15796e;cursor:pointer;background:#fff;border:1px solid #bed6d2;border-radius:4px;padding:10px 14px}.early-play span{color:#7b8797;font-size:11px}.early-explanation{padding:20px 0}.early-explanation p{color:#69758a;font-size:13px;line-height:1.9}.early-explanation label{color:#69758a;margin:18px 0;font-size:12px;display:block}.early-explanation select{color:#384b5e;background:#fff;border:1px solid #d4deeb;border-radius:4px;width:100%;margin-top:8px;padding:11px;display:block}.early-duty{color:#15796e;border-top:1px solid #dfe7ed;border-bottom:1px solid #dfe7ed;gap:14px;padding:20px 0;display:flex}@media (width<=800px){.early-layout{grid-template-columns:1fr}.early-field{padding:10px}}.dragonsong-simulator{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a 100%);min-height:100vh;padding:1rem;font-family:Inter,system-ui,sans-serif;position:relative}.dragonsong-simulator:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#9333ea1a 0%,#0000 50%),radial-gradient(circle at 40% 60%,#10b9810d 0%,#0000 50%);position:fixed;inset:0}.main-content{z-index:1;flex-direction:row;align-items:flex-start;gap:1.5rem;display:flex;position:relative}.simulator-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.simulator-title{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-text-fill-color:transparent;text-shadow:0 4px 8px #0000004d;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.simulator-subtitle{color:#94a3b8;margin-bottom:1rem;font-size:1.25rem;font-weight:500}.simulator-description{color:#cbd5e1;max-width:800px;margin:0 auto;font-size:1rem;line-height:1.6}.field-container{flex-direction:column;flex:1;align-items:center;display:flex}.info-panel{flex-shrink:0;width:400px}.ui-panels{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%;max-width:1200px;margin-top:1rem;display:grid}.field{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 30% 30%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#9333ea1a 0%,#0000 50%),radial-gradient(circle,#374151e6 0%,#1f2937f2 100%);border:4px solid #3b82f666;border-radius:50%;width:700px;height:700px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0000004d,0 8px 32px #0003,0 0 0 1px #ffffff1a}.player-marker{color:#fff;cursor:move;-webkit-user-select:none;user-select:none;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:absolute;box-shadow:0 2px 4px #0000004d}.player-marker.tank{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:2px solid #1e40af}.player-marker.healer{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #047857}.player-marker.dps{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #991b1b}.player-marker.selected{z-index:30;transform:scale(1.25)}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #22c55e33;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.controls:before{content:"";opacity:.8;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d);height:3px;position:absolute;top:0;left:0;right:0}.button-group{gap:.625rem;margin-bottom:.938rem;display:flex}.control-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:.313rem;align-items:center;gap:.5rem;margin:.313rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 5px #0000004d}.control-button:hover{background:linear-gradient(135deg,#2980b9 0%,#21618c 100%);transform:translateY(-2px);box-shadow:0 4px 10px #0006}.control-button:active{transform:translateY(0);box-shadow:0 2px 5px #0000004d}.control-button:disabled{cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#444 100%);transform:none}.control-button.primary{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.control-button.primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.manual-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #9333ea33;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.manual-controls:before{content:"";opacity:.8;background:linear-gradient(90deg,#9333ea,#7c3aed,#6d28d9);height:3px;position:absolute;top:0;left:0;right:0}.manual-controls h3{color:#fbbf24;text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.button-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.action-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #0000004d}.action-button:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 4px 10px #0006}.action-button:active{transform:translateY(0);box-shadow:0 2px 5px #0000004d}.action-button:disabled{cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#444 100%);transform:none}.control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #06b6d433;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.control-panel:before{content:"";opacity:.8;background:linear-gradient(90deg,#06b6d4,#0891b2,#0e7490);height:3px;position:absolute;top:0;left:0;right:0}.control-panel h3{color:#fbbf24;text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.speed-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.speed-control label{color:#d1d5db;font-size:14px;font-weight:500}.speed-control span{color:#d1d5db;font-size:14px}.speed-control input[type=range]{-webkit-appearance:none;background:#374151;border-radius:3px;outline:none;width:100%;height:6px}.speed-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px}.speed-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px}.phase-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #3b82f633;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.phase-info:before{content:"";opacity:.8;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);height:3px;position:absolute;top:0;left:0;right:0}.phase-info h3{color:#fbbf24;text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.phase-details{background:linear-gradient(135deg,#1f293799 0%,#11182799 100%);border:1px solid #3b82f64d;border-radius:.5rem;padding:1rem}.debuff-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #ef444433;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.debuff-panel:before{content:"";opacity:.8;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#84cc16);height:3px;position:absolute;top:0;left:0;right:0}.debuff-panel h3{color:#fbbf24;text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.debuff-section{background:linear-gradient(135deg,#1f2937b3 0%,#111827b3 100%);border:1px solid #9ca3af33;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .3s}.debuff-section:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.phase-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.phase-panel:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0006,0 0 0 1px #fff3}.phase-panel.lineup{border:1px solid #3b82f64d}.phase-panel.lineup:before{content:"";background:linear-gradient(90deg,#3b82f6,#1d4ed8,#1e40af);height:4px;position:absolute;top:0;left:0;right:0}.phase-panel.lineup .phase-title{color:#60a5fa}.phase-panel.spread{border:1px solid #10b9814d}.phase-panel.spread:before{content:"";background:linear-gradient(90deg,#10b981,#059669,#047857);height:4px;position:absolute;top:0;left:0;right:0}.phase-panel.spread .phase-title{color:#34d399}.phase-panel.twister{border:1px solid #9333ea4d}.phase-panel.twister:before{content:"";background:linear-gradient(90deg,#9333ea,#7c3aed,#6d28d9);height:4px;position:absolute;top:0;left:0;right:0}.phase-panel.twister .phase-title{color:#a78bfa}.phase-panel.playstation{border:1px solid #f973164d}.phase-panel.playstation:before{content:"";background:linear-gradient(90deg,#f97316,#ea580c,#dc2626);height:4px;position:absolute;top:0;left:0;right:0}.phase-panel.playstation .phase-title{color:#fb923c}.phase-panel.gaze{border:1px solid #ef44444d}.phase-panel.gaze:before{content:"";background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c);height:4px;position:absolute;top:0;left:0;right:0}.phase-panel.gaze .phase-title{color:#f87171}.phase-title{text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.phase-content{z-index:1;position:relative}.phase-description{background:linear-gradient(135deg,#1f293799 0%,#11182799 100%);border:1px solid #9ca3af33;border-radius:8px;margin-bottom:1rem;padding:1rem}.phase-steps{margin:0;padding:0;list-style:none}.phase-steps li{border-bottom:1px solid #9ca3af1a;align-items:flex-start;gap:.75rem;padding:.5rem 0;display:flex}.phase-steps li:last-child{border-bottom:none}.phase-steps li:before{content:"•";color:currentColor;flex-shrink:0;font-weight:700}.step-highlight{background:linear-gradient(135deg,#3b82f633 0%,#9333ea33 100%);border-radius:4px;padding:.25rem .5rem;font-weight:600}.debuff-section h4{color:#60a5fa;margin-bottom:.5rem;font-size:1rem;font-weight:700}.debuff-section ul{margin:0;padding:0;list-style:none}.debuff-section li{background-color:#374151;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem}@keyframes twisterPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}@keyframes expandAoE{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1}to{opacity:.7;transform:translate(-50%,-50%)scale(1)}}@keyframes whitePulse{0%{opacity:.6;box-shadow:0 0 10px #ffffff80}50%{opacity:.9;box-shadow:0 0 20px #fffc}to{opacity:.6;box-shadow:0 0 10px #ffffff80}}@keyframes playerMove{0%{transform:scale(1);box-shadow:0 2px 4px #0000004d}50%{transform:scale(1.1);box-shadow:0 4px 8px #ffd70099}to{transform:scale(1);box-shadow:0 2px 4px #0000004d}}@keyframes knockbackLine{0%{opacity:0;stroke-width:1px}50%{opacity:1;stroke-width:3px}to{opacity:.6;stroke-width:2px}}.gaze-line{pointer-events:none;background-color:#ffffff4d;position:absolute}.gaze-line.blue{background-color:#3b82f680}.gaze-line.green{background-color:#10b98180}.gaze-line.purple{background-color:#8b5cf680}.twister-effect{animation:1.5s infinite twisterPulse}.floor-aoe{animation:2s ease-out both expandAoE}.white-floor-effect{animation:1.5s infinite whitePulse}.player-moving{animation:.8s ease-out playerMove}.knockback-line{animation:2s ease-out knockbackLine}.knockback-destination{pointer-events:none}.boss-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(135deg,#1e293bf2 0%,#0f172af2 100%);border:1px solid #f5656533;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.boss-controls:before{content:"";opacity:.8;background:linear-gradient(90deg,#f56565,#e53e3e,#c53030);height:3px;position:absolute;top:0;left:0;right:0}.boss-controls h3{color:#fbbf24;text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.boss-position-control{flex-direction:column;gap:8px;display:flex}.boss-position-control label{color:#cbd5e1;font-size:14px}.boss-position-control select{color:#fff;cursor:pointer;background:#0f172acc;border:1px solid #3b82f64d;border-radius:4px;padding:8px 12px;font-size:14px;transition:all .2s}.boss-position-control select:hover:not(:disabled){background:#0f172ae6;border-color:#3b82f699}.boss-position-control select:disabled{cursor:not-allowed;opacity:.5}.boss-position-control select option{color:#fff;background:#1e293b}.boss-marker{cursor:pointer;transition:all .3s}.boss-marker:hover{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 20px #ef4444b3}@media (width<=1024px){.main-content{flex-direction:column}.info-panel{width:100%}}@media (width<=768px){.dragonsong-simulator{padding:.5rem}.controls,.boss-controls,.phase-info,.debuff-panel{margin-top:1rem;padding:1rem}.button-group{flex-direction:column;align-items:center}.control-button{justify-content:center;width:100%;max-width:300px}}.field-container{width:100%;min-width:0}.development-note{color:#cbd5e1;max-width:1400px;margin:0 auto 1rem}.development-note a{color:#93c5fd}@media (width<=768px){.info-panel{width:100%}.ui-panels{grid-template-columns:1fr}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}@media (width<=768px){.main-content{flex-direction:column!important}.info-panel{margin-top:20px;width:100%!important}}@keyframes expandFloor{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:.6;transform:scale(1)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}