@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg:#10091e;--panel:#21152ee8;--line:#b285443f;--muted:#b4a1ba;--ink:#fff3d5;--lime:#f5d384;--gold:#dfac52;font-family:Noto Sans JP,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 0,#402150,transparent 70%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #a8f3e9;outline-offset:5px}button[hidden]{display:none}.app{min-height:100svh;display:flex;flex-direction:column;padding:0 32px;max-width:2200px;margin:auto}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;z-index:2}.brand{color:var(--ink);text-decoration:none;font-family:Cinzel,Georgia,serif;font-size:24px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brand-mark{color:var(--gold);font-size:35px;text-shadow:0 0 24px #d7a44580}.brand-sub{font:9px Cinzel,serif;letter-spacing:2px;max-width:80px;line-height:1.8;margin-left:8px;color:var(--muted)}.toolbar{display:flex;gap:10px}.icon-button{background:#291a36;color:var(--ink);border:1px solid #a97f4c77;border-radius:5px;padding:10px 15px;font-size:20px}.icon-button span{font-size:11px;margin-left:6px}.icon-button:hover{background:#493152}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:22px 0;flex:1;min-height:740px}.stage{position:relative;min-width:0;min-height:700px;border:1px solid #ba8b4255;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#442349,#170e26 75%);box-shadow:inset 0 0 80px #04010d}.stage>.eyebrow{position:absolute;z-index:2;left:24px;right:24px;top:20px}.eyebrow{font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:2px;color:var(--gold);display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:#92eedb;border-radius:50%;box-shadow:0 0 8px #92eedb}.edition{margin-left:auto}h1{font-family:Georgia,Noto Sans JP,serif;font-size:25px;letter-spacing:.17em;margin:0;font-weight:600;text-shadow:0 2px 10px #000}.stage-badge{position:absolute;top:135px;left:50%;transform:translate(-50%);z-index:2;font:10px Cinzel,Georgia,serif;letter-spacing:4px;white-space:nowrap;color:var(--gold);display:flex;gap:15px;opacity:.8}.machine{position:absolute;inset:120px 0 130px;width:100%;height:auto;margin:0;isolation:isolate}.machine-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:3px}.webgl .machine-top,.webgl .machine-neck,.webgl .machine-base,.webgl .machine-foot,.webgl .glass-shine,.webgl .balls,.webgl .orbit,.webgl .spark,.webgl .globe{display:none}.draw-area{position:absolute;bottom:22px;left:24px;right:24px;z-index:3;text-align:center}.draw-area>p{font-size:11px;color:#d8c9dc;min-height:18px;margin:7px 0 12px}.draw-button{position:relative;max-width:370px;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border:1px solid #ffeca9;border-radius:7px;background:linear-gradient(#fff0af,#e3b952 45%,#c38c35);color:#412012;font-weight:800;font-size:19px;box-shadow:0 4px #77521f,0 0 24px #e8ad4033,inset 0 0 0 3px #b7863b;margin:auto;transition:filter .2s,transform .2s}.draw-button:before,.draw-button:after{content:"◆";position:absolute;left:8px;font-size:9px;color:#70451b}.draw-button:after{left:auto;right:8px}.draw-button:hover:enabled{filter:brightness(1.15);transform:translateY(-2px)}.draw-button:active:enabled{transform:translateY(2px)}.draw-button:disabled{filter:saturate(.4);color:#654e35}.draw-icon{font-size:25px}.draw-arrow{margin-left:auto}.draw-area .keyboard-hint{font-size:9px;letter-spacing:1px;color:#a38bac;margin:12px 0 0;min-height:0}.board-panel{padding:22px;background:linear-gradient(145deg,#33203de8,#1b1127ed);border:1px solid #9d733b77;border-radius:12px;box-shadow:inset 0 0 0 4px #10091e77,0 12px 40px #0003;align-self:stretch}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading .eyebrow{font-size:9px;letter-spacing:1px}h2{font-size:20px;margin:8px 0 0;font-weight:600;letter-spacing:.1em}.count strong{font:500 36px Georgia,serif;color:var(--lime)}.count>span{font:14px Georgia,serif;color:var(--muted)}.progress{height:3px;background:#54405e;margin:20px 0}.progress>div{height:100%;background:linear-gradient(90deg,#b77b35,#ffe3a0);box-shadow:0 0 10px #f6ce73;transition:width .3s}.latest{display:flex;align-items:center;gap:10px;margin-bottom:20px}.latest>span:first-child{font:8px Cinzel,serif;letter-spacing:1px;color:var(--muted)}.latest strong{font:600 22px Georgia,serif;color:var(--lime)}.latest>span:last-child{margin-left:auto;font-size:10px;color:var(--muted)}.number-board{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.number-column{display:grid;gap:5px}.column-letter{font:600 22px Cinzel,Georgia,serif;text-align:center;color:var(--gold);margin-bottom:7px;text-shadow:0 0 20px #ebb94e44}.number-cell{display:grid;place-items:center;min-height:25px;background:#3d2b4780;border:1px solid #a38aaf15;border-radius:4px;font:15px Georgia,serif;color:#b9a5c4;transition:background .3s}.number-cell.drawn{background:#a87838;color:#fff5d8;border-color:#d7ac65}.number-cell.last{background:linear-gradient(#ffe9a9,#d4a543);color:#321d12;box-shadow:0 0 12px #ffd56755;font-weight:800;border-color:#fff0b8}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.history-heading h3{font-size:11px;font-weight:500;margin:0}.history-heading>span{font:8px Cinzel,serif;color:var(--muted);letter-spacing:1px}.history{list-style:none;padding:0;display:flex;gap:6px;min-height:39px;margin:12px 0 19px}.history li:not(.empty-history){width:38px;height:38px;flex-shrink:0;border:1px solid #8c6a9d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:600 19px/.95 Georgia,serif;background:radial-gradient(circle at 30% 20%,#5b3b69,#27172d)}.history li:first-child:not(.empty-history){color:#ffe9ae;border-color:#e0b965}.history li span{font-size:8px;margin-bottom:3px}.empty-history{font-size:10px;color:var(--muted);align-self:center}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:15px;font-size:8px;color:var(--muted)}.panel-bottom i{display:inline-block;width:4px;height:4px;background:#9ae0c3;border-radius:50%;margin-right:4px}.panel-bottom button{white-space:nowrap;background:none;color:#d9c8de;border:0;padding:7px 3px;font-size:10px}.panel-bottom button:disabled{opacity:.4}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:16px 0;color:#b299bd;font:9px Cinzel,Georgia,serif;letter-spacing:1.5px}footer span:nth-child(2){font:9px Noto Sans JP,sans-serif;letter-spacing:0}dialog{background:#2b1a35;color:var(--ink);border:1px solid #b98d50;border-radius:10px;padding:30px;max-width:calc(100% - 32px);box-shadow:0 0 80px #0009}dialog::backdrop{background:#090311cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions button{padding:12px 15px;border-radius:5px;border:1px solid #a27e59;background:transparent;color:var(--ink);font-size:12px}.dialog-actions .confirm-reset{background:var(--lime);color:#412717;border-color:var(--lime)}.drawing .stage{box-shadow:0 0 30px #ac5af033,inset 0 0 60px #ac5af011}.celebrating .stage{border-color:#e6b951;box-shadow:0 0 35px #e8b04722}.celebrating .draw-area>p{color:#ffeccc}@keyframes pulse{to{opacity:.45}}.machine:not(.webgl) .globe{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:260px;height:260px;border:3px solid #dfb65b;border-radius:50%;background:repeating-linear-gradient(75deg,transparent 0 29px,#dfb65b44 30px 32px),radial-gradient(circle,#81437988,#27162d);box-shadow:0 0 45px #d5a94522}.small-ball{position:absolute;left:var(--x);top:var(--y);width:42px;height:42px;border-radius:50%;background:#f0dca6;color:#442635;display:grid;place-items:center;font:600 19px Georgia,serif;box-shadow:inset -5px -5px 7px #0003}.color-1{background:#99dad0}.color-2{background:#bc92e1}.color-3{background:#efa291}.result-ball{position:absolute;left:64px;top:40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff7cc,#d4a345);color:#462132;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 30px #eabb5377;z-index:3}.result-ball strong{font:700 60px Georgia,serif}.result-ball>span:first-child{font:600 16px Georgia,serif}.ball-footer{font:8px Georgia,serif}.spinning .small-ball{animation:mix .45s var(--delay) infinite alternate}.spinning .result-ball{opacity:0}.reveal{animation:reveal .6s cubic-bezier(.2,1.5,.5,1)}@keyframes mix{to{top:calc(85% - var(--y));left:calc(90% - var(--x));transform:rotate(200deg)}}@keyframes reveal{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 380px}.number-cell{min-height:30px}.stage{min-height:800px}.board-panel{padding:27px}.history{gap:12px}}@media(max-width:1000px){.app{padding:0 18px}main{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.brand-sub{display:none}.brand{font-size:20px}.board-panel{padding:17px}.history{gap:4px}.history li:not(.empty-history){width:36px;height:36px}.stage>.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:21px}.draw-area{left:18px;right:18px}}@media(max-width:740px){.app{padding:0 12px}header{height:70px;gap:8px}.brand{font-size:16px;letter-spacing:1px;gap:6px}.brand-mark{font-size:26px}.toolbar{gap:5px}.icon-button{padding:8px;min-height:40px;font-size:17px}.icon-button span{font-size:8px;margin-left:2px}main{grid-template-columns:1fr;padding:12px 0;gap:16px;min-height:0}.stage{height:calc(100svh - 95px);min-height:590px}.stage>.eyebrow{top:15px;left:15px;right:15px;font-size:8px;letter-spacing:1px}h1{font-size:22px}.stage-badge{top:111px;font-size:8px;letter-spacing:3px}.machine{inset:90px 0 125px}.draw-area{bottom:20px;left:18px;right:18px}.draw-area .keyboard-hint{display:none}.draw-button{font-size:18px;padding:14px 22px}.draw-area>p{font-size:10px}.board-panel{padding:24px}.number-cell{min-height:30px;font-size:17px}.history{gap:10px}.history li:not(.empty-history){width:40px;height:40px}.panel-bottom{font-size:9px}footer{padding:16px 0;font-size:7px}footer span:nth-child(2){display:none}}@media(max-width:370px){.brand{font-size:13px}.brand-mark{font-size:23px}.icon-button{padding:6px}.icon-button span{font-size:7px}.board-panel{padding:16px}.history{gap:7px}.history li:not(.empty-history){width:37px;height:37px}h1{font-size:20px}}@media(max-height:600px)and (min-width:741px){main{min-height:600px}.stage{min-height:580px}.stage-badge{display:none}.machine{inset:75px 0 125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mode-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #a97f4c77;background:#170e24;border-radius:6px}.mode-switch button{min-width:42px;min-height:36px;border:0;border-radius:3px;background:transparent;color:#c5aed0;font:700 12px Georgia,serif}.mode-switch button[aria-pressed=true]{background:linear-gradient(#f5d889,#c48a37);color:#342014;box-shadow:0 0 12px #e9b95733}.machine-illustration{position:absolute;width:320px;height:355px;left:50%;top:50%;transform:translate(-50%,-50%)}.webgl .machine-illustration{display:none}.machine:not(.webgl) .globe{left:38px;top:29px;transform:none;width:244px;height:244px;overflow:hidden;border:3px solid #e9c679;background:radial-gradient(ellipse at 27% 22%,#ffffff40,transparent 47%),radial-gradient(ellipse at 50% 90%,#b1d2ef33,#6381b41a 70%);box-shadow:inset 0 0 22px #d3e7ff33,0 0 35px #e6b35522;z-index:2}.machine:not(.webgl) .glass-shine{position:absolute;left:23px;top:28px;width:50px;height:95px;border-left:9px solid #ffffff60;border-radius:50%;transform:rotate(26deg);z-index:4}.machine:not(.webgl) .machine-top{position:absolute;left:103px;top:0;width:114px;height:43px;border-radius:30px 30px 3px 3px;background:linear-gradient(#eabd50 0 15%,#164e99 17% 67%,#ffe29a 70%,#ac711e);border:3px solid #eac36b;z-index:3}.machine:not(.webgl) .machine-top:after{content:"◆";position:absolute;top:-14px;left:39px;font-size:37px;color:#ec304f;text-shadow:0 0 3px #ffe4a1}.machine:not(.webgl) .machine-neck{position:absolute;left:53px;top:247px;width:214px;height:15px;background:linear-gradient(#ffeda9,#bb8131);border-radius:5px;z-index:3}.machine:not(.webgl) .machine-base{position:absolute;left:29px;top:259px;width:262px;height:80px;border:5px solid #d9a846;border-radius:15px 15px 7px 7px;background:linear-gradient(110deg,#0c356c,#1a60a5 50%,#10376c);z-index:3;box-shadow:0 12px 30px #0007}.machine:not(.webgl) .base-label{display:block;margin:9px auto 0;width:142px;text-align:center;font:700 25px Georgia,serif;letter-spacing:3px;color:#ffe5a1;background:#69431d;border:2px solid #d9a846;border-radius:4px}.machine:not(.webgl) .base-label span{display:none}.machine:not(.webgl) .slot{width:62px;height:20px;background:#100b1b;border:3px solid #cb9b49;border-bottom:0;border-radius:14px 14px 0 0;margin:5px auto 0}.machine:not(.webgl) .machine-foot{position:absolute;left:22px;top:337px;width:276px;height:12px;border-radius:5px;background:linear-gradient(#ffeda9,#bb8131);box-shadow:0 12px 24px #0008}.machine:not(.webgl) .spark{position:absolute;color:#ffe1a1;font-size:25px}.spark-one{top:55px;right:0}.spark-two{left:5px;top:221px}.machine:not(.webgl) .result-ball{left:54px;top:44px}.machine:not(.webgl) .balls{position:absolute;inset:0}.machine:not(.webgl) .orbit{display:none}.machine:not(.webgl) .base-light{position:absolute;right:-30px;top:-74px;width:17px;height:85px;border-radius:7px;background:linear-gradient(90deg,#b07b2a,#ffde85,#b07b2a);transform:rotate(16deg);transform-origin:50% 100%}.machine:not(.webgl) .base-light:before{content:"";position:absolute;top:-15px;left:-8px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffabb7,#e52b43 42%,#9e0c2d);box-shadow:0 0 0 2px #e2b85f}.machine:not(.webgl).spinning .base-light{animation:lever-pull .6s linear infinite}.machine:not(.webgl).spinning .glass-shine{animation:pulse .6s infinite alternate}@keyframes lever-pull{0%{transform:rotate(16deg)}to{transform:rotate(376deg)}}@media(max-width:740px){header{flex-wrap:wrap;height:auto;min-height:98px;padding:10px 0;row-gap:7px}.brand,.toolbar{width:100%;justify-content:center}.mode-switch button{min-width:42px;min-height:32px}.stage{height:calc(100svh - 125px)}.machine-illustration{transform:translate(-50%,-50%) scale(.86)}}@media(max-width:370px){.machine-illustration{transform:translate(-50%,-50%) scale(.78)}}.display-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px}.display-controls>span{font-size:11px;color:#d8c1df}.display-controls .mode-switch button{min-width:88px;min-height:44px;font:600 12px Noto Sans JP,sans-serif}.machine{bottom:188px}@media(max-width:740px){.machine{bottom:180px}.stage{min-height:650px}.display-controls{margin-bottom:10px}.display-controls .mode-switch button{min-width:86px;min-height:44px}}@media(max-height:600px)and (min-width:741px){.machine{bottom:185px}}.volume-control{display:flex;align-items:center;gap:7px;color:#d8c1df;font-size:10px}.volume-control input{width:76px;height:32px;accent-color:#e4b657;cursor:pointer}.volume-control output{min-width:30px;font-variant-numeric:tabular-nums}.volume-control input:focus-visible{outline:2px solid #a8f3e9;outline-offset:2px;border-radius:4px}@media(max-width:740px){.volume-control{gap:4px;font-size:9px}.volume-control input{width:64px}.toolbar{flex-wrap:wrap}.volume-control output{min-width:26px}}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.latest{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px;background:linear-gradient(125deg,#52374b,#382137);border:1px solid #d5a65699;border-radius:9px;margin-bottom:18px}.latest-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:#f0d8ab}.latest-caption>span:last-child{color:#d6bedb;font-size:11px}.latest>strong{font:700 44px/1.15 Georgia,serif;white-space:nowrap;letter-spacing:1px;color:#ffe4a0}.latest>span:last-child{font-size:11px;align-self:end;margin:0 0 5px;color:#e2cedf}.history-views{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#130c20;border:1px solid #9d733b55;border-radius:8px}.history-views button{border:0;border-radius:5px;min-height:42px;padding:8px 5px;background:transparent;color:#c9b5d1;font-size:12px;font-weight:600}.history-views button[aria-pressed=true]{background:#644637;color:#ffeac0;box-shadow:inset 0 0 0 1px #bc8d4b}.history-heading{gap:8px;margin-top:16px}.history-heading h3{font-size:12px;line-height:1.7}.history-heading h3 span{display:block;color:#beabc9;font-size:11px;font-weight:400}.history-heading select{max-width:112px;min-height:40px;padding:8px;color:#eedeed;background:#21172d;border:1px solid #a884b26b;border-radius:5px;font:11px Noto Sans JP,sans-serif}.history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;max-height:435px;min-height:170px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#9a784a #21172d;scrollbar-width:thin;padding:2px 5px 3px 2px;margin:13px 0 20px}.history:focus-visible{outline:2px solid #a8f3e9;outline-offset:3px}.history li.history-card{position:relative;width:auto;height:auto;min-height:92px;border:1px solid #80638b88;border-radius:8px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto 1fr;gap:5px;background:linear-gradient(135deg,#44304f,#2b1d35);padding:11px 12px;color:#f9edff;font-family:Noto Sans JP,sans-serif}.history li.history-card:first-child{color:#f9edff;border-color:#80638b88}.history li.history-card.is-latest{background:linear-gradient(135deg,#6e4a29,#493033);border-color:#f0c779;box-shadow:inset 0 0 0 1px #f0c77922}.history li.history-card span{margin:0;line-height:1.4}.history-card .history-round{grid-column:1/-1;font-size:11px;color:#d0bdd9}.history-card .history-letter{font:600 16px Georgia,serif;align-self:center;color:#e9c27a}.history-number{font:700 34px/1.15 Georgia,serif;align-self:center;font-variant-numeric:tabular-nums}.history-card .history-tag{position:absolute;top:10px;right:9px;font-size:9px;color:#ffe5a1}.history .empty-history{grid-column:1/-1;align-self:start;padding:35px 15px;font-size:12px;line-height:2;text-align:center;color:#cbb6d6}.board-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:#decdde;margin:16px 0}.board-legend>span{width:10px;height:10px;border-radius:2px;background:#a87838}.board-legend strong{font-size:9px;font-weight:400;margin-left:auto;color:#dcc394}#numbers-view{padding-bottom:20px}.panel-bottom{font-size:9px}.panel-bottom button{min-height:36px;font-size:11px}@media(max-width:740px){.history{grid-template-columns:repeat(3,minmax(0,1fr));max-height:390px;gap:8px}.history li.history-card{padding:11px 9px;grid-template-columns:17px 1fr;min-height:90px}.history-number{font-size:32px}.history-card .history-round{font-size:10px}.history-card .history-tag{top:11px;right:6px;font-size:8px}.latest>strong{font-size:48px}}@media(max-width:370px){.history{grid-template-columns:repeat(2,minmax(0,1fr))}.latest>strong{font-size:40px}}.history .history-card .history-round{font-size:11px}.history .history-card .history-letter{font-size:16px}.history .history-card .history-tag{font-size:9px}@media(max-width:740px){.history .history-card .history-round{font-size:10px}.history .history-card .history-tag{font-size:8px}}.number-heading,.history-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.number-heading h2{font-size:15px;margin:0}.number-heading button,.history-dialog-heading button{min-height:42px;padding:8px 13px;border:1px solid #b08a5588;border-radius:6px;background:#39263f;color:#ffe2a7;font:500 12px Noto Sans JP,sans-serif}.number-heading button:hover,.history-dialog-heading button:hover{background:#583a50}#history-dialog{width:580px;max-height:90svh;padding:24px;overflow:auto}#history-dialog .history-dialog-heading h2{margin:0}#history-dialog .history{grid-template-columns:repeat(3,minmax(0,1fr));max-height:55svh;min-height:170px;margin-bottom:0}#history-dialog .history-heading{margin-top:20px}#history-dialog .history-heading h3 span{display:inline;margin-left:8px}.history-dialog-heading{padding-bottom:15px;border-bottom:1px solid var(--line)}@media(max-width:450px){#history-dialog{padding:18px}#history-dialog .history{grid-template-columns:repeat(2,minmax(0,1fr))}}#history-dialog .history{grid-template-columns:minmax(0,1fr);gap:8px;overflow-x:hidden}#history-dialog .history li.history-card{min-height:66px;grid-template-columns:64px 24px minmax(0,1fr) 36px;grid-template-rows:auto;align-items:center;gap:10px;padding:12px 16px}#history-dialog .history-card .history-round{grid-column:auto;font-size:12px}#history-dialog .history-card .history-letter{font-size:18px}#history-dialog .history-card .history-number{font-size:32px}#history-dialog .history-card .history-tag{position:static;font-size:11px;text-align:right}@media(max-width:370px){#history-dialog .history li.history-card{grid-template-columns:52px 20px minmax(0,1fr) 30px;gap:7px;padding:10px 12px}}.recent-section{margin:0 0 19px}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.recent-heading h3{font-size:12px;font-weight:500;margin:0}.recent-heading>span{font-size:10px;color:#bca8c6}.recent-history{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0;min-height:40px}.recent-ball{aspect-ratio:1;max-width:48px;border:1px solid #80638b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:radial-gradient(circle at 30% 20%,#5b3b69,#27172d);color:#f5e9ff}.recent-ball:first-child{border-color:#ecc679;background:radial-gradient(circle at 30% 20%,#876437,#422a29);color:#ffe6a1;box-shadow:0 0 10px #d4a54322}.recent-ball span{font:9px/1 Georgia,serif}.recent-ball strong{font:600 20px/1 Georgia,serif}.recent-empty{grid-column:1/-1;align-self:center;font-size:11px;color:#bca8c6}@media(max-width:1000px)and (min-width:741px){.recent-history{gap:4px}.recent-ball strong{font-size:18px}.recent-ball span{font-size:8px}}.draw-controls{position:relative;max-width:370px;margin:auto}.draw-controls .skip-button{position:absolute;inset:0;width:100%;height:100%;font-size:16px;gap:10px;background:linear-gradient(#f4d49d,#d5a263);color:#3d2215}.draw-controls:has(.skip-button:not([hidden]))>#draw{visibility:hidden}@media(max-width:370px){.draw-controls .skip-button{font-size:14px}}header{height:auto;min-height:85px;padding:14px 0;flex-wrap:wrap}.toolbar{flex-wrap:wrap;align-items:center;justify-content:flex-end}header .display-controls{margin:0;gap:8px}header .display-controls>span{display:none}header .display-controls .mode-switch button{min-width:62px;min-height:38px;font-size:11px}.machine{bottom:130px}@media(max-width:740px){header{min-height:98px;padding:10px 0}.toolbar{justify-content:center;gap:7px}header .display-controls{flex-basis:100%;justify-content:center}header .display-controls>span{display:inline}header .display-controls .mode-switch button{min-width:86px;min-height:40px}.machine{bottom:125px}}@media(max-height:600px)and (min-width:741px){.machine{bottom:125px}}.number-column[data-letter] .column-letter{color:var(--group-color);text-shadow:none;border-top:3px solid var(--group-color);padding-top:8px}.column-range{display:block;font:9px/1.8 Noto Sans JP,sans-serif;letter-spacing:0;opacity:.85}.number-column[data-letter] .number-cell{border-color:var(--group-soft)}.number-column[data-letter] .number-cell.drawn{background:var(--group-color);border-color:var(--group-color);color:#161021;font-weight:700}.number-column[data-letter] .number-cell.last{outline:2px solid #fff8e9;outline-offset:1px;box-shadow:0 0 12px var(--group-dim)}.latest[data-letter]{background:linear-gradient(125deg,var(--group-soft),#281c34);border-color:var(--group-dim)}.latest[data-letter]>strong{color:var(--group-color)}.history li.history-card[data-letter],.history li.history-card[data-letter]:first-child{border-color:var(--group-dim);border-left:4px solid var(--group-color);background:linear-gradient(125deg,var(--group-soft),#281c34)}.history li.history-card[data-letter].is-latest{border-color:var(--group-color);box-shadow:inset 0 0 0 1px #fff3}.history .history-card[data-letter] .history-letter,.history .history-card[data-letter] .history-tag{color:var(--group-color)}.recent-ball[data-letter],.recent-ball[data-letter]:first-child{background:radial-gradient(circle at 30% 20%,var(--group-soft),#27172d);border-color:var(--group-dim);color:var(--group-color)}.recent-ball[data-letter]:first-child{outline:2px solid #fff8e9;outline-offset:1px;box-shadow:none}.small-ball[data-letter]{background:radial-gradient(circle at 30% 20%,#fff,var(--group-color) 50%);color:#201329}.result-ball[data-letter]{background:radial-gradient(circle at 30% 20%,#fff5df,var(--group-color) 65%);color:#241629;box-shadow:0 0 30px var(--group-dim)}.board-legend>span{background:linear-gradient(90deg,#ff3038,#087cff,#ffd000,#00b852,#923dff);width:20px}.brand-icon{display:block;width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px #d7ad5955}.brand{gap:12px}.brand-name{white-space:nowrap}@media(max-width:740px){header .brand{width:auto;margin-right:auto}.brand-icon{width:38px;height:38px}header .toolbar{width:auto;flex:1}header .display-controls{flex-basis:auto}header .display-controls>span{display:none}header .display-controls .mode-switch button{min-width:56px}.toolbar .volume-control{margin-left:0}}.number-column[data-letter] .number-cell.drawn{color:var(--group-ink)}.number-column[data-letter] .column-letter,.history .history-card[data-letter] .history-letter,.history .history-card[data-letter] .history-tag,.recent-ball[data-letter],.recent-ball[data-letter]:first-child{color:color-mix(in srgb,var(--group-color) 78%,white)}