@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#f8f5ec;background:#071725;font-synthesis:none;--navy: #071725;--navy-2: #0a2235;--panel: #0d2a3e;--line: rgba(255,255,255,.11);--gold: #d8ac57;--gold-light: #f2d693;--cream: #fff9ec;--muted: #9cb0bd;--red: #b7544d}*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#123953 0,var(--navy) 48%)}button,input{font:inherit}button{cursor:pointer}.participant-shell,.admin-shell{width:min(1120px,100%);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.participant-shell{max-width:820px}.participant-header,.admin-header,.admin-brand{display:flex;align-items:center}.participant-header,.admin-header{justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.admin-brand,.participant-header{gap:14px}.participant-header>div:nth-child(2){flex:1}.brand-mark{width:48px;height:48px;border:1px solid rgba(216,172,87,.65);border-radius:50%;display:grid;place-items:center;background:#d8ac5714;box-shadow:inset 0 0 0 4px var(--navy),inset 0 0 0 5px #d8ac5740}.brand-mark span{color:var(--gold-light);font-family:Georgia,serif;font-size:1.7rem;font-weight:700}.eyebrow{margin:0 0 3px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.18em}h1{margin:0;font-family:Georgia,"Noto Serif JP",serif;font-size:clamp(1.25rem,4vw,1.75rem);letter-spacing:.06em}h2{margin:0;font-size:1.25rem}.connection-pill{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#b7c8d2;font-size:.78rem}.connection-pill span{width:7px;height:7px;border-radius:50%;background:#65bc8a;box-shadow:0 0 0 3px #65bc8a24}.connection-pill.offline span{background:#c7786e;box-shadow:0 0 0 3px #c7786e24}.draw-stage{position:relative;overflow:hidden;min-height:425px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:26px 0;border:1px solid rgba(216,172,87,.22);border-radius:24px;background:linear-gradient(145deg,#11374ee6,#071927f2);box-shadow:0 24px 70px #00000040}.draw-stage:before,.draw-stage:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(216,172,87,.08);transform:rotate(45deg)}.draw-stage:before{left:-110px;top:-70px}.draw-stage:after{right:-110px;bottom:-70px}.stage-label{position:relative;margin:0 0 18px;color:var(--gold-light);font-size:.83rem;font-weight:700;letter-spacing:.15em}.current-ball{position:relative;width:220px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#092036;background:radial-gradient(circle at 35% 27%,#fffef8 0 20%,#f5dfaa 55%,#c4923d);box-shadow:0 0 0 9px #d8ac5717,0 18px 45px #00000057,inset -12px -14px 22px #643a0a24}.current-ball:after{content:"";position:absolute;inset:14px;border:1px solid rgba(120,75,20,.2);border-radius:50%}.current-ball span{position:relative;z-index:1;font-family:Georgia,serif;font-size:6.6rem;font-weight:700;line-height:1;letter-spacing:-.08em;transform:translate(-.04em)}.current-ball.waiting{background:radial-gradient(circle at 35% 27%,#294b60,#102e43 68%,#091d2c);color:#8297a5}.current-ball.pop{animation:ball-pop .42s cubic-bezier(.2,.8,.2,1)}@keyframes ball-pop{0%{opacity:.4;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:scale(1)}}.stage-note{position:relative;margin:22px 0 0;color:var(--muted);font-size:.9rem}.history-section,.history-card,.control-card,.share-card{border:1px solid var(--line);border-radius:20px;background:#0b2638b8}.history-section{padding:22px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading p{margin:0;color:var(--muted);font-size:.8rem}.section-heading strong{color:var(--gold-light);font-size:1.1rem}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:9px}.history-number{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(216,172,87,.3);border-radius:50%;color:var(--cream);background:#d8ac5717;font-family:Georgia,serif;font-size:1.08rem;font-weight:700}.history-number.latest{color:#092036;background:var(--gold-light);border-color:var(--gold-light)}.empty-state{padding:22px 10px;color:var(--muted);text-align:center;font-size:.9rem}footer{padding-top:22px;color:#728895;text-align:center;font-size:.76rem;letter-spacing:.08em}.admin-shell{padding-bottom:50px}.admin-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(400px,1.15fr);gap:22px;margin-top:22px}.control-card,.history-card{padding:28px}.control-card{display:flex;flex-direction:column;align-items:center}.admin-ball{width:190px;margin-bottom:26px}.admin-ball span{font-size:5.6rem}.draw-button{width:min(100%,330px);min-height:82px;border:1px solid #f0d28d;border-radius:14px;color:#0a2133;background:linear-gradient(180deg,#f4d78f,#cea049);box-shadow:0 9px 22px #0000003d,inset 0 1px #ffffffa6;font-size:1.6rem;font-weight:900;letter-spacing:.22em}.draw-button:hover{filter:brightness(1.07)}.draw-button:active{transform:translateY(2px)}.draw-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.draw-icon{margin-right:10px}.remaining{margin:12px 0 20px;color:var(--muted);font-size:.85rem}.remaining strong{color:var(--cream)}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.secondary-button{min-height:46px;border:1px solid var(--line);border-radius:10px;color:#dbe4e9;background:#ffffff0b;font-weight:600}.secondary-button:hover{background:#ffffff17}.secondary-button.danger{color:#e7aaa5;border-color:#b7544d57}.secondary-button:disabled{opacity:.35;cursor:not-allowed}.history-card{min-height:515px}.admin-history{max-height:405px;overflow:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none;scrollbar-color:#345065 transparent}.history-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#ffffff09}.history-item span{color:#78909e;font-size:.65rem}.history-item strong{font-family:Georgia,serif;font-size:1.55rem}.history-item:first-child{border-color:#d8ac578c;background:#d8ac571c}.history-item:first-child strong{color:var(--gold-light)}.share-card{display:grid;grid-template-columns:1fr auto;gap:28px;margin-top:22px;padding:28px;align-items:center}.share-card h2{margin-bottom:8px}.share-card>div>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.url-row{display:flex;gap:8px;margin-top:18px}.url-row input{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:#dfe8ed;background:#00000026}.url-row button,.qr-wrap button{border:1px solid rgba(216,172,87,.45);border-radius:9px;color:var(--gold-light);background:#d8ac5714;padding:10px 16px;white-space:nowrap}.qr-wrap{display:flex;flex-direction:column;gap:8px;align-items:stretch}.qr-wrap canvas{width:150px!important;height:150px!important;padding:8px;border-radius:8px;background:#fff}.modal{width:min(430px,calc(100% - 32px));border:1px solid rgba(216,172,87,.35);border-radius:18px;color:var(--cream);background:#0c293d;box-shadow:0 30px 80px #0000008c}.modal::backdrop{background:#020a11cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal form{padding:22px}.modal h2{margin-bottom:10px}.modal p{color:var(--muted);font-size:.9rem}.modal label{display:block;margin:20px 0 7px;font-weight:600}.modal input{width:100%;padding:12px;border:1px solid #476275;border-radius:8px;color:#fff;background:#071b2a}.primary-small{width:100%;margin-top:16px;padding:13px;border:0;border-radius:8px;color:#082034;background:var(--gold-light);font-weight:800}.form-error{min-height:1.2em;color:#f0a49c!important}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions button{padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#ffffff0d}.dialog-actions .confirm-danger{border-color:var(--red);background:var(--red)}.toast{position:fixed;left:50%;bottom:28px;z-index:20;padding:11px 18px;border-radius:999px;color:#082034;background:var(--cream);box-shadow:0 12px 40px #0006;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{color:#fff;background:var(--red)}@media(max-width:760px){.participant-shell,.admin-shell{padding-left:16px;padding-right:16px}.connection-pill b{display:none}.connection-pill{padding:9px}.draw-stage{min-height:390px;margin:18px 0}.current-ball{width:190px}.current-ball span{font-size:5.7rem}.history-section{padding:18px 15px}.history-grid{grid-template-columns:repeat(7,1fr);gap:7px}.history-number{font-size:.94rem}.admin-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start}.admin-brand{align-items:center}.control-card,.history-card,.share-card{padding:20px}.history-card{min-height:auto}.admin-history{max-height:none}.share-card{grid-template-columns:1fr}.qr-wrap{align-items:center}.url-row{flex-wrap:wrap}.url-row button{flex:1}}@media(max-width:390px){.history-grid{grid-template-columns:repeat(6,1fr)}.admin-history{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}