: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{position:relative;text-align:center;padding:40px 250px 30px 0;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{position:absolute;right:0;top:40px;width:220px;min-height:170px;padding-left:18px;border-left:1px solid var(--line);display:flex;gap:10px;justify-content:center;flex-direction:column}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}.early-alert-card{width:min(320px,100%);margin:0 auto 22px;padding:12px 18px;border:1px solid;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;text-align:left;background:#0d121a;box-shadow:0 0 24px color-mix(in srgb,currentColor 20%,transparent)}.early-alert-card span,.early-alert-card small{font:11px monospace;letter-spacing:.1em}.early-alert-card strong{font:800 24px monospace;grid-row:1/3;grid-column:2}.early-alert-card.red,.alert-text.red{color:#ff5f67}.early-alert-card.gold,.alert-text.gold{color:#ffd36b}.early-alert-card.rainbow,.alert-text.rainbow{color:#9cf7e8}.stage.alert-red{animation:alert-red .42s ease-out}.stage.alert-gold{animation:alert-gold .55s ease-out}.stage.alert-rainbow{animation:alert-rainbow .75s ease-out}.alert-text{font-family:monospace}@keyframes alert-red{0%{box-shadow:inset 0 0 90px #f22}to{box-shadow:inset 0 0 0 transparent}}@keyframes alert-gold{0%{box-shadow:inset 0 0 100px #eebf3f}to{box-shadow:inset 0 0 0 transparent}}@keyframes alert-rainbow{0%{box-shadow:inset 60px 0 100px #ff5f67,inset -60px 0 100px #55cfff}to{box-shadow:inset 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.stage.alert-red,.stage.alert-gold,.stage.alert-rainbow{animation:none}}.auto-button{background:#17212d;color:var(--accent);border-color:#536344}.auto-button:hover:not(:disabled){background:#223125}.auto-status{width:min(280px,100%);margin:0 auto 18px;display:flex;align-items:baseline;justify-content:center;gap:10px;color:var(--accent);font:12px monospace;letter-spacing:.08em}.auto-status strong{font-size:24px}.auto-status small{color:var(--muted);letter-spacing:0}.main-action{min-width:220px}.data-counter{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 0;border:1px solid var(--line);background:#0e141d}.data-counter>div{padding:13px 16px;border-right:1px solid var(--line);font-variant-numeric:tabular-nums}.data-counter>div:last-child{border-right:0}.data-counter span{display:block;margin-bottom:5px;color:var(--muted);font:10px monospace;letter-spacing:.08em}.data-counter strong{font:700 23px monospace}.data-counter small{margin-left:5px;color:var(--muted);font-size:11px}.data-counter .ceiling strong,.data-counter .credits strong{color:var(--accent)}.credit-result{width:min(320px,100%);margin:0 auto 18px;padding:10px 14px;border:1px solid var(--line);display:flex;align-items:baseline;justify-content:center;gap:12px;font:11px monospace;color:var(--muted)}.credit-result strong{font-size:16px;color:var(--accent)}@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:30px 138px 30px 0;min-height:290px}.stage h1{font-size:26px}.stage-note{font-size:13px}.actions{position:absolute;right:0;top:30px;width:126px;min-height:190px;padding-left:10px;border-left:1px solid var(--line);flex-direction:column}.actions button{width:100%;padding:12px 8px;font-size:12px}.main-action{min-width:0}.data-counter{grid-template-columns:repeat(2,1fr)}.data-counter>div{padding:10px 8px}.data-counter>div:nth-child(2){border-right:0}.data-counter>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.data-counter strong{font-size:19px}.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}}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% -5%,rgba(91,139,83,.24),transparent 34%),radial-gradient(circle at 92% 8%,rgba(52,98,166,.2),transparent 30%),linear-gradient(145deg,#090d13,#0c121b 48%,#080c12)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(198,243,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(198,243,107,.025) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%);animation:grid-drift 18s linear infinite}.shell{position:relative;z-index:1}.game{position:relative;overflow:hidden;background:linear-gradient(145deg,#161f2bfa,#0d141dfa)}.game:before{content:"";position:absolute;width:430px;height:430px;left:-220px;top:-250px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#c6f36b29,#c6f36b00 68%);animation:cabinet-glow 5s ease-in-out infinite alternate}.game:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.035) 49%,transparent 56%);transform:translate(-120%);animation:screen-sweep 7s ease-in-out infinite}.game>*{position:relative;z-index:1}.stage{overflow:hidden;border-radius:10px;background:radial-gradient(circle at 38% 48%,rgba(198,243,107,.055),transparent 52%)}.early-alert-card{position:relative;overflow:hidden}.early-alert-card:after{content:"";position:absolute;inset:-80% -30%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translate(-70%);animation:alert-sheen 1.4s ease-out}.early-alert-card.rainbow{color:#fff;border-color:transparent;background:linear-gradient(#0d121a,#0d121a) padding-box,linear-gradient(90deg,#ff445d,#ffb648,#fff36b,#61ef8b,#4fcfff,#8978ff,#ef71ff,#ff445d) border-box;box-shadow:0 0 12px #ff445d73,0 0 24px #4fcfff59,0 0 38px #ef71ff40}.early-alert-card.rainbow strong{color:transparent;background:linear-gradient(90deg,#ff445d,#ffb648,#fff36b,#61ef8b,#4fcfff,#8978ff,#ef71ff,#ff445d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:rainbow-flow 1.2s linear infinite}.stage.alert-red{animation:alert-red-plus .65s ease-out}.stage.alert-gold{animation:alert-gold-plus .8s ease-out}.stage.alert-rainbow{animation:alert-rainbow-plus 1.15s ease-out}.stage.alert-rainbow:before{content:"";position:absolute;inset:-80%;pointer-events:none;z-index:0;opacity:0;background:conic-gradient(from 0deg,#ff3b55,#ffc247,#f5ff68,#46e895,#46cfff,#786dff,#f05cff,#ff3b55);mix-blend-mode:screen;animation:rainbow-burst 1.15s ease-out}.stage>*{position:relative;z-index:1}@keyframes grid-drift{to{background-position:54px 54px}}@keyframes cabinet-glow{to{transform:translate(75px,45px) scale(1.18);opacity:.75}}@keyframes screen-sweep{0%,62%{transform:translate(-120%)}82%,to{transform:translate(120%)}}@keyframes alert-sheen{to{transform:translate(70%)}}@keyframes rainbow-flow{to{background-position:300% 0}}@keyframes alert-red-plus{0%{box-shadow:inset 0 0 130px #ff2236f2;background-color:#be0f1c59}to{box-shadow:inset 0 0 0 transparent;background-color:transparent}}@keyframes alert-gold-plus{0%{box-shadow:inset 0 0 150px #ffc237f2;background-color:#ad740857}to{box-shadow:inset 0 0 0 transparent;background-color:transparent}}@keyframes alert-rainbow-plus{0%{box-shadow:inset 90px 0 150px #ff304fbf,inset -90px 0 150px #41c5ffc7}to{box-shadow:inset 0 0 0 transparent}}@keyframes rainbow-burst{0%{opacity:.68;transform:rotate(0) scale(.7)}55%{opacity:.32}to{opacity:0;transform:rotate(105deg) scale(1.15)}}@media(prefers-reduced-motion:reduce){body:before,.game:before,.game:after,.early-alert-card:after,.early-alert-card.rainbow strong,.stage.alert-red,.stage.alert-gold,.stage.alert-rainbow,.stage.alert-rainbow:before{animation:none}}.shell{padding-bottom:104px}.stage{padding:40px 0 30px;min-height:279px}.actions{position:fixed;z-index:100;inset:auto 0 0;width:auto;min-height:0;padding:14px max(32px,calc((100vw - 1136px)/2));padding-bottom:max(14px,env(safe-area-inset-bottom));border:0;border-top:1px solid #3a4657;background:#090e15e6;box-shadow:0 -12px 32px #0000006b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:12px}.actions button{width:min(280px,34vw)}.actions button{position:relative;z-index:1;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media(max-width:540px){.shell{padding-bottom:94px}.stage{padding:30px 0;min-height:279px}.actions{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:8px}.actions button{width:auto;min-width:0;flex:1;padding:11px 8px;font-size:12px}.actions .main-action{flex:1.6}}.auto-settings{position:relative;flex:0 0 auto}.auto-settings summary{height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid #536344;border-radius:6px;color:var(--accent);background:#17212d;font-size:12px;font-weight:700;cursor:pointer;list-style:none;touch-action:manipulation;white-space:nowrap}.auto-settings summary::-webkit-details-marker{display:none}.auto-settings summary:before{content:"⚙";margin-right:7px}.auto-settings-menu{position:absolute;left:0;bottom:calc(100% + 15px);width:236px;padding:14px;border:1px solid #536344;border-radius:9px;background:#101720;box-shadow:0 14px 40px #00000094;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:110}.auto-settings-menu:after{content:"";position:absolute;left:24px;bottom:-7px;width:12px;height:12px;background:#101720;border-right:1px solid #536344;border-bottom:1px solid #536344;transform:rotate(45deg)}.auto-settings-menu label{display:grid;place-items:center;gap:7px;padding:9px 4px;border:1px solid var(--line);border-radius:6px;color:#cbd6e4;font:12px monospace;cursor:pointer}.auto-settings-menu input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.auto-settings-menu small{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.auto-stop-notice{width:min(420px,100%);margin:0 auto 18px;padding:13px 16px;border:1px solid #f2c65d;background:#f2c65d14;color:#f2c65d;display:grid;gap:4px;font-size:12px}.auto-stop-notice strong{font:700 13px monospace;letter-spacing:.1em}@media(max-width:540px){.auto-settings summary{width:66px;padding:0 8px;justify-content:center;font-size:0}.auto-settings summary:before{margin:0;font-size:18px}.auto-settings-menu{position:fixed;left:12px;right:12px;bottom:82px;width:auto}.auto-settings-menu:after{left:26px}}