:root{--bg:#f5f3ee;--panel:#f8f8f9;--ink:#2c2f35;--accent:#d35400;--accent-2:#1f6fb2;--danger:#b42318;--line:#ddd9d2}@font-face{font-family:ZenMaru;src:url(/operator/fonts/ZenMaruGothic-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff7e8 0 18%,#0000 19%),radial-gradient(circle at 88% 20%,#e8f4ff 0 14%,#0000 15%),linear-gradient(#f7f4ef,#efe7db);min-height:100vh;margin:0;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.phone-block-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.phone-block-card{background:#fff;border:1px solid #ddd4c7;border-radius:14px;max-width:520px;padding:18px;box-shadow:0 8px 24px #141b2426}.phone-block-card h2{color:#7a2300;margin-top:0;margin-bottom:10px}.phone-block-card p{margin:0}.phone-block-sub{color:#5f6470;font-size:13px;margin-top:10px!important}.app-shell{min-height:100vh}.draw-screen,.draw-screen .topbar,.draw-screen .draw-layout,.draw-screen .draw-layout h2,.draw-screen .draw-layout button,.draw-screen .draw-layout .subtle-action,.draw-screen .draw-layout .ok,.draw-screen .draw-layout .error,.draw-screen .draw-layout .drawn,.draw-screen .draw-layout .draw-ball-inner,.draw-screen .draw-layout .latest-ball{font-family:ZenMaru,Yu Gothic UI,Yu Gothic,sans-serif}.topbar{z-index:10;background:#fff;border-bottom:1px solid #b8bcc2;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;padding-right:6px;display:flex}.brand-logo{object-fit:contain;width:210px;height:41px}.tabs{gap:6px;margin-left:2px;padding:0 10px;display:flex;position:relative}.tabs:before,.tabs:after{content:"";background:#b8bcc2;width:1px;position:absolute;top:2px;bottom:2px}.tabs:before{left:0}.tabs:after{right:0}.tabs .tab{font-size:14px;line-height:1.1}.tab{color:#3d4352;background:0 0;border:1px solid #0000;border-radius:6px;min-width:116px;padding:6px 10px}.tab.active{background:#ffe2b2;border-color:#e5c28c}.nav-balls{gap:10px;margin-left:22px;margin-right:10px;display:flex}.nav-ball{background:0 0;border:6px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nav-ball-inner{color:#555;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:74%;height:74%;font-family:ZenMaru,Yu Gothic UI,sans-serif;font-size:18px;display:flex;transform:translateY(-1px)}.top-status{text-align:left;white-space:nowrap;margin-left:8px;font-size:18px;font-weight:700}.top-status.on{color:#1c6c38}.top-status.off{color:#265f99}.top-status.alert{color:#b42318}.container{max-width:1400px;margin:0 auto;padding:0 10px 10px}.draw-screen{position:relative}.draw-floating-qr{z-index:12;background:#fff;border:2px solid #b7bbc2;border-radius:12px;justify-content:center;align-items:center;width:clamp(92px,8.8vw,128px);height:clamp(92px,8.8vw,128px);padding:4px;display:flex;position:absolute;top:6px;right:24px}.draw-floating-qr img{object-fit:contain;width:100%;height:100%}h1{margin:0 0 12px;font-size:28px}.sub{color:#5f6470;margin:0 0 18px}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.setup-shell{grid-template-columns:230px 1fr;gap:12px;display:grid}.setup-menu{border-right:1px solid #ece4d8;padding-right:12px}.setup-title{margin:0 0 10px;font-size:24px}.setup-tile{text-align:center;color:#2d2d2d;background:#f6f6f6;border:1px solid #cdcdcd;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-bottom:8px;font-size:16px;display:flex}.setup-tile.active{background:#ffe0b2;border-color:#e6af5f}.setup-content{min-height:360px}.setup-content h3{color:#53565d;margin:6px 0;font-size:16px;font-weight:500;line-height:1}.setup-content p{color:#53565d;margin:6px 0;font-size:13px}.section-divider{border:0;border-top:1px solid #b9bbc0;margin:16px 0}.setup-wide{grid-column:1/-1}.card{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:14px}.card h2{margin:0 0 10px;font-size:18px}.setup-content h2,.draw-main h2,.draw-side h2{color:#53565d;margin:0 0 10px;font-size:clamp(22px,2vw,34px);font-weight:500;line-height:1.08}.draw-layout{--digital-scale:1;grid-template-columns:minmax(0,45%) minmax(0,55%);gap:0;display:grid;position:relative}.draw-screen .draw-layout{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.draw-screen .draw-main.card,.draw-screen .draw-side.card{background:0 0;border:0;border-radius:0;padding:0}.draw-screen .draw-side.card{flex-direction:column;justify-content:flex-start;display:flex}.draw-layout.with-draw-qr .draw-side.card{padding-top:0;padding-right:0}.analog-layout{grid-template-columns:minmax(0,56%) minmax(0,44%);gap:8px;display:grid}.analog-main,.analog-side{min-width:0}.draw-analog-screen .container,.draw-digital-screen .container{max-width:none;padding:0 0 10px}.analog-main h2,.analog-side h2{color:#53565d;margin:0 0 6px;font-size:20px}.analog-sub{color:#5b6170;margin:0 0 6px;font-size:14px}.analog-meta{color:#4f5563;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 8px;font-size:13px;display:flex}.analog-input-row{align-items:center;gap:8px;margin-bottom:6px}.analog-help{color:#5f6675;font-size:13px}.analog-grid{grid-template-columns:repeat(10,minmax(50px,1fr));gap:6px;display:grid}.analog-cell-input{aspect-ratio:1;text-align:center;color:#3a3f48;font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#f8fafc;border:1px solid #bcc1ca;border-radius:8px;width:100%;min-height:0;padding:0;font-family:ZenMaru,Yu Gothic UI,sans-serif;font-weight:700;line-height:1;font-size:24px!important}.analog-cell-input.filled{color:#2f3645;background:#fff}.analog-cell-input.latest{background:#fff5cc;border-color:#d7c078}.analog-cell-input.duplicate,.analog-cell-input.duplicate.latest,.analog-cell-input.invalid,.analog-cell-input.invalid.latest{color:#2f3645!important;background:#ffe8e8!important;border:2px solid #d43b3b!important;box-shadow:inset 0 0 0 1px #d43b3b40!important}.analog-cell-input.duplicate:focus,.analog-cell-input.duplicate.latest:focus,.analog-cell-input.invalid:focus,.analog-cell-input.invalid.latest:focus{border:2px solid #d43b3b!important;box-shadow:0 0 0 3px #d43b3b47!important}.analog-cell-input:focus{border-color:#f2c200;outline:none;box-shadow:0 0 0 3px #f2c20080}.draw-main,.draw-side{min-height:780px}.draw-digital-screen .draw-main{min-height:calc(820px * var(--digital-scale))}.draw-digital-screen .draw-side{min-height:calc(780px * var(--digital-scale))}.draw-screen .draw-main h2,.draw-screen .draw-side h2{color:gray;margin:8px 0 6px;font-size:20px;line-height:1.2}.draw-digital-screen .draw-main h2,.draw-digital-screen .draw-side h2{font-size:calc(36px * var(--digital-scale));margin:calc(12px * var(--digital-scale)) 0 calc(6px * var(--digital-scale))}.event-name{display:none}.latest-ball{aspect-ratio:.96;color:#56585b;background:#fef3d6;border:0;border-radius:28px;justify-content:center;align-items:center;width:min(920px,100%);min-height:clamp(480px,42vh,660px);margin:22px 0 34px;padding-bottom:40px;font-family:ZenMaru,Yu Gothic UI,sans-serif;font-size:clamp(390px,32vw,760px);font-weight:700;line-height:.9;display:flex;overflow:hidden;transform:translateY(0)}.draw-digital-screen .latest-ball{width:min(calc(980px * var(--digital-scale)), 100%);aspect-ratio:1.08;min-height:calc(560px * var(--digital-scale));margin:calc(12px * var(--digital-scale)) 0 calc(22px * var(--digital-scale));border-radius:calc(28px * var(--digital-scale));font-size:calc(620px * var(--digital-scale));padding-bottom:calc(52px * var(--digital-scale));line-height:.82}.latest-ball-empty{color:#a1a4a8;text-align:center;padding:0 24px;font-size:clamp(22px,2.1vw,34px);line-height:1.35}.draw-digital-screen .latest-ball-empty{font-size:calc(24px * var(--digital-scale));line-height:1.35}.latest-ball-finished{color:#86898d;text-align:center;padding:0 24px;font-size:clamp(24px,2.2vw,36px);line-height:1.35}.draw-digital-screen .latest-ball-finished{font-size:calc(34px * var(--digital-scale));padding:0 calc(24px * var(--digital-scale));line-height:1.35}.action-row{margin-top:28px}.draw-digital-screen .action-row{margin-top:calc(28px * var(--digital-scale))}.draw-screen .draw-main .action-row{justify-content:center}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}label{color:#4d5360;font-size:12px}input,textarea,select,button{font:inherit}input:not([type=radio]):not([type=checkbox]),textarea,select{background:#fff;border:1px solid #d6dbe3;border-radius:8px;width:100%;padding:6px 8px;font-size:13px}input[type=radio],input[type=checkbox]{vertical-align:middle;width:auto;margin:0 6px 0 0}button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:6px 10px;font-size:13px}button.secondary{color:#414652;background:#d7d9de;border:1px solid #b2b7c0}button.danger{background:var(--danger)}.next-button{color:#e7bf67;background:#2f63ae;border-radius:18px;min-width:220px;padding:8px 18px;font-size:30px;line-height:1.1}.draw-digital-screen .next-button{min-width:calc(260px * var(--digital-scale));font-size:calc(36px * var(--digital-scale));padding:calc(10px * var(--digital-scale)) calc(24px * var(--digital-scale));border-radius:calc(20px * var(--digital-scale))}.subtle-action{color:#6d7482;background:0 0;border:0;padding:2px 4px;font-size:15px;text-decoration:underline}.draw-digital-screen .subtle-action{font-size:calc(16px * var(--digital-scale))}.draw-footer-actions{align-items:center;margin-top:40px}.draw-digital-screen .draw-footer-actions{margin-top:calc(40px * var(--digital-scale))}.footer-divider{background:#bcbec3;width:1px;height:28px}.draw-digital-screen .footer-divider{height:calc(28px * var(--digital-scale))}button:disabled{opacity:.6;cursor:not-allowed}.code{word-break:break-all;background:#f7f9fc;border:1px solid #dde3ed;border-radius:8px;padding:8px;font-family:Meiryo UI,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px}.badge{color:#7a4a00;background:#fff4df;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.notice-box{border:1px solid #aeb0b5;border-radius:4px;max-width:720px;margin:8px 0;padding:10px 12px}.cloud-box{border:1px solid #aeb0b5;border-radius:6px;max-width:1020px;margin:6px 0 10px;padding:10px 12px}.cloud-box h4{color:#53565d;margin:0 0 6px;font-size:20px;font-weight:500}.cloud-box p{margin:3px 0;line-height:1.28}.cloud-box .row{margin-bottom:4px}.cloud-inline{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.start-cloud{color:#f6f7f9;background:#666a70;padding:7px 12px;font-size:13px}.start-cloud.start-cloud-locked{color:#fff;background:#1f8f46}.network-box{border:1px solid #aeb0b5;border-radius:6px;max-width:1020px;margin-top:8px;padding:10px 12px}.network-box strong{color:#53565d;font-size:16px;font-weight:500}.notice-box strong{color:#53565d;font-size:24px;font-weight:500}.notice-box p{margin:4px 0}.share-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.qr-box{background:#fbfdff;border:1px solid #e2e7ef;border-radius:10px;justify-content:center;align-items:center;min-height:220px;margin-top:8px;display:flex}.qr-box img{object-fit:contain;width:200px;height:200px}.latest{color:#9b2c00;font-size:32px;font-weight:700}.drawn{grid-template-columns:repeat(9,minmax(0,1fr));align-content:start;gap:10px;display:grid;margin-top:12px!important}.draw-digital-screen .drawn{grid-template-columns:repeat(9, calc(88px * var(--digital-scale)));gap:calc(10px * var(--digital-scale));justify-content:start;margin-top:calc(12px * var(--digital-scale))!important}.draw-ball{aspect-ratio:1;background:0 0;border:5px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:100%;max-width:140px;display:flex}.draw-digital-screen .draw-ball{width:calc(88px * var(--digital-scale));border-width:calc(7px * var(--digital-scale));max-width:none}.draw-ball-inner{color:#5a5d66;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;font-family:ZenMaru,Yu Gothic UI,sans-serif;font-size:clamp(32px,3vw,64px);font-weight:700;line-height:1;display:flex;transform:translateY(0)}.draw-digital-screen .draw-ball-inner{font-size:calc(44px * var(--digital-scale));transform:translateY(0)}.draw-ball-label{display:inline-block}.draw-digital-screen .draw-ball-label{transform:translateY(calc(-3px * var(--digital-scale)))}.nav-ball.b{border-color:#58a6ff}.nav-ball.i{border-color:#ff7676}.nav-ball.n{border-color:#64cc64}.nav-ball.g{border-color:#fc0}.nav-ball.o{border-color:#ffa158}.draw-ball.b{border-color:#58a6ff}.draw-ball.i{border-color:#ff7676}.draw-ball.n{border-color:#64cc64}.draw-ball.g{border-color:#fc0}.draw-ball.o{border-color:#ffa158}.error{color:var(--danger);font-size:14px}.ok{color:#127a41;font-size:14px}@media (width<=860px){.setup-shell{grid-template-columns:1fr}.setup-menu{border-right:0;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding-right:0;display:grid}.setup-content h3,.notice-box strong{font-size:34px}.setup-content h2,.draw-main h2,.draw-side h2{font-size:38px}.cloud-box h4,.network-box strong{font-size:26px}.cloud-inline{grid-template-columns:1fr}.setup-tile{margin-bottom:0}.draw-layout{grid-template-columns:1fr}.draw-layout.with-draw-qr .draw-main.card,.draw-layout.with-draw-qr .draw-side.card{padding-top:0;padding-right:0}.draw-floating-qr{display:none}.analog-layout{grid-template-columns:1fr}.analog-grid{grid-template-columns:repeat(5,minmax(52px,1fr))}.analog-help{font-size:13px}.analog-cell-input{min-height:64px;font-size:32px}.brand strong{font-size:20px}.nav-balls{order:3;justify-content:center;width:100%;margin:4px 0 0}.topbar{flex-wrap:wrap}}.modal-overlay{z-index:40;background:#141b246b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#f5f5f5;border:1px solid #b9bcc2;border-radius:8px;width:min(430px,100%);overflow:hidden;box-shadow:0 12px 24px #11182747}.modal-titlebar{color:#4c4f56;text-align:center;background:#e3e3e3;border-bottom:1px solid #c8c8c8;padding:9px 12px;font-size:18px;font-weight:600}.modal-body{padding:12px 14px}.modal-desc{color:#596074;margin:0 0 10px;font-size:13px}.modal-choice{color:#3f4450;align-items:center;gap:8px;margin:8px 0;font-size:15px;display:flex}.modal-choice input{width:16px;height:16px;margin:0}.modal-check,.modal-actions{margin-top:12px}.modal-start-btn{color:#333;background:#e4e4e4;border:1px solid #b8bcc2;border-radius:6px;padding:8px 16px;font-size:15px}