:root{font-family:Inter,Segoe UI,Noto Sans JP,sans-serif;color:#eaf0f8;background:#0c1017;font-synthesis:none;color-scheme:dark;--muted:#8c9aae;--line:#29323e;--accent:#c6f36b}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}.shell{max-width:1200px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px}.brand{font-size:20px;font-weight:800;letter-spacing:.09em;color:inherit;text-decoration:none}.brand span{color:var(--accent)}.header-note{font-size:14px;color:var(--muted)}.badge{border:1px solid #485442;padding:4px 8px;margin-left:14px;font:12px monospace;color:var(--accent)}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{background:#131a24;border:1px solid var(--line);border-radius:12px;padding:28px}.game{padding:28px 32px}.game-top{display:flex;justify-content:space-between}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--muted);margin:0 0 14px}.steps{padding:0;display:flex;list-style:none;gap:10px;margin:16px 0 0}.steps li{flex:1;border-top:2px solid var(--line);padding-top:12px;color:#7d8b9f;font:12px monospace;letter-spacing:.07em}.steps li span{margin-right:10px}.steps .active{color:var(--accent);border-color:var(--accent)}.steps .done{color:#c4d1bd;border-color:#74825e}.stage{text-align:center;padding:40px 0 30px;min-height:279px}.stage h1{font-size:32px;letter-spacing:.03em;margin:14px 0;font-weight:750}.stage h1.result{font-size:68px;line-height:1;margin:4px 0 16px;letter-spacing:.06em}.stage-note{color:#aab7c9;font-size:14px;line-height:1.7;margin:0 0 28px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}button{border:1px solid transparent;border-radius:6px;padding:14px 16px;min-height:48px;font-size:14px;font-weight:700;background:var(--accent);color:#172109;cursor:pointer}button:hover:not(:disabled){background:#d6ff86}button:disabled{cursor:default;color:#8390a3;background:#1c2532;border-color:#303b4c}.again{margin-top:14px;min-width:200px}.again span{margin-left:20px}.flags{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:22px}.normal-value{font-size:24px;font-family:monospace;margin-top:30px}.flag-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font:13px monospace;padding:5px 0}.hit{color:var(--accent)}.miss{color:#8998ad}.rule-note{font-size:12px;color:var(--muted);margin:26px 0 0}.statistics h2{font-size:20px;margin:0 0 24px}.total{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:22px}.total>span{font-size:14px;color:#acb9cb}.total>strong{display:block;font-size:42px;font-variant-numeric:tabular-nums;margin-top:8px}.total small{font-size:14px;font-weight:400;color:var(--muted)}.stats-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #222e3d;font-variant-numeric:tabular-nums}.stat-row strong{font:700 16px monospace;display:block}.stat-row small{font-size:12px;color:var(--muted)}.stat-row>span{font:14px monospace}.storage-note{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.rarity.N{color:#bac5d3}.rarity.R{color:#8bc9ff}.rarity.SR{color:#bdacff}.rarity.SSR{color:#f8cf74}.rarity.UR{color:#f6a0c8}.rarity.SECRET{color:#c6f36b}.draw-details,.history{grid-column:1/-1}.panel h2{font-size:17px;margin:0 0 22px}.empty{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.detail-heading{font:14px monospace;color:var(--accent);margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr 1.5fr .8fr;gap:32px;font-size:14px}.detail-grid .eyebrow{margin-top:14px}.detail-grid .eyebrow:first-child{margin-top:0}.section-title{display:flex;align-items:baseline;justify-content:space-between}.section-title>span{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{color:var(--muted);font-size:12px;font-weight:500;padding:0 18px 14px 0}td{padding:16px 18px 16px 0;border-top:1px solid var(--line)}summary{cursor:pointer}td details[open]{white-space:normal}.history-detail{min-width:230px;padding-top:20px}.history-detail .detail-grid{display:block}.history-detail .detail-grid>div{margin-bottom:22px}.notice{color:#ffce8d;font-size:14px;line-height:1.6}.notice:empty{display:none}footer{display:flex;justify-content:space-between;padding:30px 0;color:var(--muted);font:12px monospace;letter-spacing:.1em}.panel{min-width:0}.continuation{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:7px;font:12px monospace}.continuation span,.micro{color:var(--muted);font-size:12px}.detail-grid{grid-template-columns:1.15fr 1.35fr 1.5fr .8fr}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr)}.statistics{grid-column:1}.total>strong{font-size:32px}.stat-row{padding:10px 0}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.shell{padding:0 16px}header{height:78px;margin-bottom:20px}.brand{font-size:16px}.header-note{font-size:12px}.badge{display:none}main{gap:16px}.panel,.game{padding:22px 18px}.stage{padding-top:30px}.stage h1{font-size:26px}.stage-note{font-size:13px}.actions{flex-direction:column}.actions button{width:100%}.flags{gap:18px;grid-template-columns:1fr}.normal-value{margin:0 0 6px}.steps li{font-size:11px}.steps li span{margin-right:4px}.detail-grid{grid-template-columns:1fr;gap:22px}footer span{display:none}}