:root{--bg:#08111f;--panel:#101d31;--line:#355171;--text:#eef5ff;--muted:#a8bad1;--red:#db3d35;--gold:#f0bd55}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:"Yu Gothic UI","Meiryo",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#233b5c 0,#0b1627 42%,#070e19 100%);color:var(--text)}a{color:#9ed3ff}.site-header{min-height:68px;padding:14px max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:12px;border-bottom:1px solid #49627e;background:#091220e8;box-shadow:0 5px 22px #0008;position:sticky;top:0;z-index:10}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:clamp(21px,4vw,31px);letter-spacing:.08em;text-shadow:0 2px 0 #000,0 0 14px #58a9ff}.brand-sub{color:var(--gold);font-size:11px;letter-spacing:.2em}.page-shell{width:min(1120px,calc(100% - 24px));margin:24px auto 50px}.site-footer{text-align:center;color:#7890aa;padding:24px;font-size:12px}.hero{border:1px solid #4a6788;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#172b49dd,#101927ee),repeating-linear-gradient(135deg,#ffffff08 0 2px,transparent 2px 14px);box-shadow:0 18px 50px #0008}.hero-copy{padding:clamp(28px,6vw,72px);max-width:760px}.kicker{color:var(--gold);font-weight:800;letter-spacing:.16em}.hero h1{font-size:clamp(34px,7vw,72px);line-height:1;margin:12px 0}.hero p{color:#c6d6e8;line-height:1.8}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 22px;border:1px solid #6182a8;border-radius:8px;background:linear-gradient(#25446a,#183351);color:#fff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #ffffff33,0 5px 12px #0006}.btn:hover{filter:brightness(1.15)}.btn-primary{background:linear-gradient(#ef584d,#a91f22);border-color:#ff867c}.btn-quiet{background:#13243b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.feature{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#14243b,#0d1829);padding:20px;box-shadow:0 8px 20px #0005}.feature h2{margin-top:0}.feature p,.muted{color:var(--muted);line-height:1.7}.form-card{width:min(720px,100%);margin:0 auto;border:1px solid var(--line);border-radius:14px;background:#0e1a2cdd;padding:clamp(18px,5vw,36px);box-shadow:0 16px 50px #0008}.form-card.wide{width:min(940px,100%)}.form-card h1{margin-top:0}.field{display:grid;gap:7px;margin:17px 0}.field label{font-weight:800}.field input,.field select{width:100%;min-height:48px;border:1px solid #496787;border-radius:7px;background:#091321;color:#fff;padding:10px 12px;font:inherit;font-size:16px}.field small{color:var(--muted)}.error{border:1px solid #d85a5a;background:#491c25;color:#ffdfe3;padding:12px;border-radius:8px;margin:12px 0}.notice{border:1px solid #3d9c71;background:#123b2c;color:#d8ffec;padding:12px;border-radius:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 24px}.step{padding:9px 5px;text-align:center;border-bottom:3px solid #32455f;color:#778ba4;font-size:12px}.step.active{border-color:var(--gold);color:#fff;font-weight:800}.confirm-table,.status-table{width:100%;border-collapse:collapse}.confirm-table th,.confirm-table td,.status-table th,.status-table td{padding:10px;border-bottom:1px solid #304963;text-align:left}.confirm-table th,.status-table th{color:#9fb5cc;width:35%}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px}.face-option{display:block;border:1px solid #3c5775;border-radius:9px;padding:6px;background:#0b1626;text-align:center;cursor:pointer}.face-option:has(input:checked){outline:3px solid var(--gold)}.face-option img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#1b2b40}.character-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px}.character-tab{white-space:nowrap;text-decoration:none;color:#b9cadc;padding:10px 15px;border:1px solid #354e6c;border-radius:8px 8px 0 0;background:#0b1728}.character-tab.active{background:#25486e;color:#fff;border-color:#5c8ec3}.game-shell{border:1px solid #416180;border-radius:12px;background:#0b1727;overflow:hidden}.game-top{display:grid;grid-template-columns:260px 1fr;min-height:390px}.character-view{padding:18px;text-align:center;background:linear-gradient(#1d3555,#0d1828)}.character-view img{width:min(220px,100%);height:290px;object-fit:contain;filter:drop-shadow(0 12px 12px #0008)}.command-view{padding:22px}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.command{min-height:90px;text-align:left}.bar{height:13px;background:#07101c;border:1px solid #39516c;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#c62b34,#f07350)}.bar.mp>span{background:linear-gradient(90deg,#246fc0,#54c0f1)}.login-note{text-align:center;color:var(--muted);margin-top:18px}@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.game-top{grid-template-columns:1fr}.character-view img{height:230px}.command-grid{grid-template-columns:1fr}.site-header{position:static}.page-shell{margin-top:14px}}