:root{--ink:#17172b;--ink-2:#25243d;--muted:#74758a;--line:#e7e8f0;--canvas:#f7f7fb;--violet:#6c5ce7;--violet-2:#8d7dff;--violet-soft:#eeebff;--cyan:#18b5c8;--coral:#e94560;--coral-soft:#fff0f3;--gold:#c99a27;--gold-soft:#fff7df;--success:#168f67;--success-soft:#e8f8f1;--shadow:0 12px 36px #17172b12}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img,video{max-width:100%;display:block}.login-page{background:#fff;grid-template-columns:minmax(420px,1.08fr) minmax(390px,.92fr);min-height:100svh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 75% 20%,#6c5ce76b,#0000 35%),radial-gradient(circle at 5% 90%,#18b5c830,#0000 29%),#17172b;flex-direction:column;padding:clamp(36px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-visual>img{z-index:2;object-fit:contain;width:230px;height:100px;position:relative}.login-grid{opacity:.16;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(130deg,#000,#0000 76%);mask-image:linear-gradient(130deg,#000,#0000 76%)}.login-message{z-index:2;margin:auto 0;position:relative}.login-message p,.kicker{color:#a99cff;letter-spacing:.22em;margin:0;font-size:13px;font-weight:900}.login-message h1{letter-spacing:-.06em;margin:15px 0 20px;font-size:clamp(43px,5vw,76px);line-height:1.1}.login-message span{color:#ffffff8c;font-size:15px}.login-orb{aspect-ratio:1;background:radial-gradient(circle,#8b78ff47,#0000 65%);border-radius:50%;width:52%;position:absolute;bottom:-20%;right:-8%}.login-orb i{border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:15%}.login-orb i:nth-child(2){inset:28%}.login-orb i:nth-child(3){background:#ffffff14;inset:42%}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-form{width:min(100%,390px)}.login-form h2{letter-spacing:-.045em;margin:10px 0;font-size:31px}.login-form>.muted{color:var(--muted);margin:0 0 30px;font-size:14px}.login-form label{color:var(--ink-2);margin:18px 0;font-size:14px;font-weight:750;display:block}.login-form input{border:1px solid var(--line);background:#fbfbfd;border-radius:11px;outline:none;width:100%;height:49px;margin-top:8px;padding:0 14px;display:block}.login-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.password-input{display:block;position:relative}.password-input input{padding-right:48px}.password-input button{width:35px;height:35px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:15px;right:7px}.form-error{color:#bd2944;font-size:13px;font-weight:700}.primary-button,.secondary-button,.play-button,.customer-primary,.customer-secondary{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 17px;font-size:14px;font-weight:800;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#7462ed,#5c48d8);box-shadow:0 10px 24px #6c5ce73b}.primary-button:hover,.play-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6c5ce74d}.primary-button.full{width:100%}.primary-button.full span{margin-left:auto}.secondary-button{border:1px solid var(--line);color:var(--ink-2);background:#fff;box-shadow:0 4px 14px #17172b08}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.icon-button.danger{color:var(--coral);border-color:#f1d6db}.icon-button.danger:hover{background:var(--coral-soft)}.notice{border:1px solid;border-radius:11px;margin:0 0 18px;padding:12px 15px;font-size:14px;font-weight:700}.notice.success{background:var(--success-soft);color:var(--success);border-color:#bde7d6}.notice.error{background:var(--coral-soft);color:#b52943;border-color:#f0ccd3}.admin-frame{min-height:100vh}.sidebar{z-index:30;color:#fff;background:#17172b;flex-direction:column;width:252px;padding:25px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{width:190px;height:78px;padding:0 5px;display:block}.sidebar-brand img{object-fit:contain;width:100%;height:100%}.sidebar-product{margin:13px 11px 31px}.sidebar-product span,.sidebar-product strong{display:block}.sidebar-product span{color:#ffffff47;letter-spacing:.2em;font-size:10px;font-weight:900}.sidebar-product strong{color:#a99cff;letter-spacing:.12em;margin-top:5px;font-size:12px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{color:#ffffff94;border-radius:12px;align-items:center;gap:12px;min-height:57px;padding:8px 11px;display:flex;position:relative}.sidebar-nav a:hover{color:#fff;background:#ffffff0d}.sidebar-nav a.active{color:#fff;background:linear-gradient(90deg,#6c5ce740,#6c5ce712)}.sidebar-nav a.active:before{content:"";background:var(--violet-2);border-radius:0 4px 4px 0;width:3px;height:26px;position:absolute;left:-18px;box-shadow:0 0 12px #8b7bffa6}.sidebar-nav i{background:#ffffff0e;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.sidebar-nav a.active i{background:var(--violet)}.sidebar-nav strong,.sidebar-nav small{display:block}.sidebar-nav strong{font-size:14px}.sidebar-nav small{color:#ffffff4d;margin-top:3px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-logout{color:#ffffff80;background:0 0;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff0d}.admin-main{min-height:100vh;margin-left:252px}.mobile-admin-header{display:none}.page{width:100%;max-width:1500px;margin:0 auto;padding:42px clamp(24px,3.2vw,52px) 72px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-head.compact{align-items:center}.page-head h1{letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(29px,3vw,42px);line-height:1.15}.page-head p{color:var(--muted);margin:0;font-size:14px}.page-head .eyebrow{color:var(--violet);letter-spacing:.2em;font-size:11px;font-weight:900}.head-icon{border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.head-icon.violet{background:var(--violet-soft);color:var(--violet)}.head-icon.coral{background:var(--coral-soft);color:var(--coral)}.head-actions{gap:9px;display:flex}.back-link{color:var(--muted);align-items:center;gap:5px;margin-bottom:10px;font-size:13px;font-weight:700;display:inline-flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:20px 21px;position:relative;overflow:hidden}.metric:after{content:"";background:var(--violet);opacity:.055;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;right:-35px}.metric span,.metric small{color:var(--muted);font-size:12px;display:block}.metric span{font-weight:800}.metric strong{letter-spacing:-.04em;margin:9px 0 5px;font-size:29px;display:block}.oripa-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.oripa-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:19px;transition:all .18s;overflow:hidden}.oripa-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #17172b1c}.oripa-eyecatch{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.oripa-eyecatch>img{object-fit:cover;width:100%;height:100%}.oripa-placeholder{color:#fff;background:radial-gradient(circle at 50% 40%,#6c5ce78c,#0000 44%),linear-gradient(135deg,#262348,#151426);place-content:center;justify-items:center;gap:4px;width:100%;height:100%;display:grid}.oripa-placeholder span{letter-spacing:.12em;font-size:30px;font-weight:950}.oripa-placeholder svg{color:#d3c9ff}.status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17172bd1;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:12px;right:12px}.status.published{background:#168f67e6}.status.closed{background:#3c3c48e0}.oripa-card-body{padding:18px}.oripa-card-body h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:17px;overflow:hidden}.oripa-card-body>p{min-height:36px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 15px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.oripa-numbers{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.oripa-numbers div{background:#f8f8fb;border-radius:9px;padding:9px 8px}.oripa-numbers span,.oripa-numbers strong{display:block}.oripa-numbers span{color:var(--muted);margin-bottom:3px;font-size:10px}.oripa-numbers strong{font-size:14px}.remaining-bar{background:#eeeef3;border-radius:99px;height:5px;margin:14px 0;overflow:hidden}.remaining-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan));height:100%;display:block}.oripa-actions{grid-template-columns:.72fr 1.28fr;gap:8px;display:grid}.play-button{background:var(--ink);color:#fff}.play-button:disabled{color:#8a8b99;background:#e9e9ef}.loading-state,.empty-state{min-height:260px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;display:grid}.loading-state.tall{min-height:480px}.loading-state i{border:3px solid #dedcf2;border-top-color:var(--violet);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.empty-state{background:#ffffff8c;border:1px dashed #d7d6e1;border-radius:18px;padding:34px}.empty-state svg{color:#a9a1d8}.empty-state strong{color:var(--ink);font-size:16px}.empty-state span{max-width:470px;font-size:13px}.empty-state .primary-button{margin-top:7px}.empty-state.large{min-height:430px}@keyframes spin{to{transform:rotate(360deg)}}.upload-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:minmax(280px,1.1fr) minmax(230px,.7fr) auto;align-items:end;gap:15px;margin-bottom:17px;padding:20px;display:grid}.drop-field{cursor:pointer;background:linear-gradient(145deg,#faf9ff,#f4f4f9);border:1px dashed #bbb8d5;border-radius:13px;min-height:92px;position:relative;overflow:hidden}.drop-field input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-field>span{grid-template-rows:1fr 1fr;grid-template-columns:46px 1fr;align-content:center;column-gap:12px;height:100%;padding:15px;display:grid}.drop-field i{background:var(--violet);color:#fff;border-radius:13px;grid-row:1/3;align-self:center;place-items:center;width:46px;height:46px;font-style:normal;display:grid}.drop-field strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:14px;overflow:hidden}.drop-field small{color:var(--muted);align-self:start;margin-top:4px;font-size:11px}.field{min-width:0;display:block}.field>span{color:var(--ink-2);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fbfbfd;border-radius:10px;outline:none;width:100%;min-height:44px;padding:9px 12px;font-size:14px}.field textarea{resize:vertical;line-height:1.6}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 13px;display:flex}.library-toolbar>div{align-items:baseline;gap:6px;display:flex}.library-toolbar strong{font-size:23px}.library-toolbar span{color:var(--muted);font-size:13px}.search{align-items:center;display:flex;position:relative}.search>span{font-size:20px;position:absolute;left:12px}.search input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:min(320px,55vw);height:42px;padding:0 14px 0 39px}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.media-grid.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 7px 24px #17172b0d}.media-preview{aspect-ratio:4/3;background:#ececf3;position:relative;overflow:hidden}.video-grid .media-preview{aspect-ratio:16/9;background:#11111c}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%}.media-preview>span{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#11111cbf;border-radius:7px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;right:8px}.media-body{align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.media-body>div{flex:1;min-width:0}.media-body strong,.media-body small{display:block}.media-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-body small{color:var(--muted);margin-top:5px;font-size:10px}.builder-layout{grid-template-columns:minmax(0,1fr) 278px;align-items:start;gap:18px;display:grid}.builder-main{gap:18px;display:grid}.form-card,.summary-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:23px}.section-title{align-items:center;gap:11px;margin-bottom:21px;display:flex}.section-title>span{background:var(--violet-soft);width:34px;height:34px;color:var(--violet);border-radius:10px;place-items:center;font-size:11px;font-weight:950;display:grid}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:17px}.section-title p{color:var(--muted);margin-top:3px;font-size:12px}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:1.5fr .5fr;margin-bottom:15px}.eyecatch-preview{aspect-ratio:16/9;background:var(--ink);border-radius:12px;width:min(100%,500px);margin-top:13px;overflow:hidden}.eyecatch-preview img{object-fit:cover;width:100%;height:100%}.total-row{grid-template-columns:150px minmax(210px,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.sum-status{border:1px solid;border-radius:11px;min-height:69px;padding:10px 14px}.sum-status span,.sum-status strong,.sum-status small{display:block}.sum-status span{font-size:10px;font-weight:850}.sum-status strong{margin:2px 0;font-size:18px}.sum-status small{font-size:10px}.sum-status.ok{background:var(--success-soft);color:var(--success);border-color:#bfe7d6}.sum-status.warn{background:var(--gold-soft);color:#8c6b15;border-color:#efdfad}.prize-list{gap:12px;display:grid}.prize-row{border:1px solid var(--line);background:#fcfcfe;border-radius:14px;display:flex;overflow:hidden}.prize-row.miss{background:#fafafa;border-color:#dddde4}.prize-rank{background:var(--ink);color:#fff;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:62px;padding:14px 8px;display:flex}.prize-row.miss .prize-rank{background:#595968}.prize-rank>span{color:#ffffffb8;font-size:15px;font-weight:900}.prize-rank>div{gap:3px;display:flex}.prize-rank button{color:#fff;background:#ffffff14;border:0;border-radius:5px;width:21px;height:22px;padding:0;font-size:11px}.prize-fields{flex:1;min-width:0;padding:15px}.form-grid.prize-primary{grid-template-columns:.5fr 1.4fr 100px 125px}.form-grid.prize-media{grid-template-columns:1fr 1fr auto 38px;align-items:end;margin-top:11px}.probability{background:var(--violet-soft);color:var(--violet);border-radius:9px;padding:7px 10px}.probability span,.probability strong,.probability small{display:block}.probability span{font-size:9px;font-weight:900}.probability strong{margin:2px 0;font-size:16px}.probability small{font-size:9px}.check-field{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 9px;font-size:11px;display:flex}.check-field input{width:17px;height:17px;accent-color:var(--violet)}.selected-media{background:var(--violet-soft);max-width:280px;color:var(--violet);border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:5px 9px 5px 5px;font-size:11px;font-weight:750;display:inline-flex}.selected-media img{object-fit:cover;border-radius:6px;width:34px;height:34px}.add-prize{width:100%;min-height:48px;color:var(--violet);background:#faf9ff;border:1px dashed #bdb9d8;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:800;display:flex}.builder-summary{gap:12px;display:grid;position:sticky;top:22px}.summary-card{color:#fff;background:linear-gradient(150deg,#242140,#17172b);padding:20px;box-shadow:0 20px 46px #17172b33}.summary-card>p{color:#a99cff;letter-spacing:.2em;margin:0;font-size:10px;font-weight:900}.summary-card h2{margin:6px 0 16px;font-size:20px}.summary-card dl{margin:0}.summary-card dl>div{border-top:1px solid #ffffff14;justify-content:space-between;padding:10px 0;display:flex}.summary-card dt{color:#ffffff70;font-size:12px}.summary-card dd{margin:0;font-size:13px;font-weight:800}.summary-card dd.good{color:#6fe0b6}.summary-card dd.bad{color:#ff8da0}.summary-probabilities{background:#ffffff0b;border-radius:10px;margin-top:14px;padding:10px}.summary-probabilities div{justify-content:space-between;padding:5px;font-size:11px;display:flex}.summary-probabilities span{color:#ffffff80}.delete-oripa{background:var(--coral-soft);min-height:43px;color:var(--coral);border:1px solid #f0cbd3;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.customer-screen{color:#fff;background:#0d0d18;min-height:100svh}.customer-screen.center{place-items:center;display:grid}.customer-loader,.customer-error{text-align:center;justify-items:center;gap:12px;display:grid}.customer-loader i{border:4px solid #ffffff24;border-top-color:var(--violet-2);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.customer-error p{color:#ffffff8c}.customer-error a{color:var(--ink);background:#fff;border-radius:10px;padding:10px 15px;font-weight:800}.detail-screen{background:radial-gradient(circle at 50% 0,#6c5ce72b,#0000 36%),#0d0d18;padding-bottom:120px}.customer-header{background:#0d0d18db;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(18px,4vw,54px);display:flex}.customer-header img{object-fit:contain;width:145px;height:64px}.customer-header>div{gap:9px;display:flex}.customer-header button,.customer-header a{color:#ffffffad;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:12px;display:inline-flex}.customer-hero{width:min(1220px,100% - 40px);margin:26px auto 42px}.customer-eyecatch{aspect-ratio:16/9;background:#17172b;border:1px solid #ffffff1a;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.customer-eyecatch>img{object-fit:cover;width:100%;height:100%}.hero-placeholder{color:#d5cdff;background:radial-gradient(circle,#6f5be78c,#0000 38%),linear-gradient(135deg,#242140,#0e0e1a);place-content:center;justify-items:center;gap:12px;width:100%;height:100%;display:grid}.hero-placeholder span{letter-spacing:.18em;font-size:clamp(25px,5vw,55px);font-weight:950}.hero-shade{background:linear-gradient(#0000,#080810eb);position:absolute;inset:25% 0 0}.hero-copy{position:absolute;bottom:clamp(24px,5vw,56px);left:clamp(24px,5vw,65px);right:clamp(24px,5vw,65px)}.hero-copy p{color:#c1b7ff;letter-spacing:.24em;margin:0;font-size:11px;font-weight:950}.hero-copy h1{letter-spacing:-.045em;text-shadow:0 4px 20px #0006;margin:8px 0 9px;font-size:clamp(27px,4.2vw,57px);line-height:1.12}.hero-copy span{color:#ffffffa6;font-size:clamp(12px,1.4vw,16px)}.customer-summary{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1b30f2;border:1px solid #ffffff1c;border-radius:18px;justify-content:center;align-items:center;width:min(430px,86%);min-height:85px;margin:-25px auto 0;display:flex;position:relative;box-shadow:0 16px 40px #00000059}.customer-summary>div{align-items:baseline;gap:5px;padding:0 32px;display:flex}.customer-summary span,.customer-summary small{color:#ffffff6b;font-size:12px}.customer-summary strong{font-size:26px}.customer-summary>i{background:#ffffff1a;width:1px;height:38px}.lineup-section{width:min(1220px,100% - 40px);margin:0 auto}.lineup-head{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.lineup-head p{color:#a99cff;letter-spacing:.22em;margin:0;font-size:10px;font-weight:950}.lineup-head h2{margin:5px 0 0;font-size:24px}.lineup-head>span{color:#ffffff59;font-size:12px}.lineup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.lineup-card{background:#181725;border:1px solid #ffffff17;border-radius:16px;overflow:hidden}.lineup-card.top{border-color:#c99a278c;box-shadow:0 0 0 1px #c99a271f,0 15px 40px #c99a271a}.lineup-image{aspect-ratio:4/3;background:#22213a;position:relative;overflow:hidden}.lineup-image>img{object-fit:cover;width:100%;height:100%}.lineup-image>div{color:#b5a9ff;background:radial-gradient(circle,#6c5ce759,#0000 45%);place-items:center;width:100%;height:100%;display:grid}.lineup-card.miss .lineup-image>div{color:#6d6d7c;background:#20202c}.lineup-image>span{color:#261c06;background:linear-gradient(135deg,#e5bf57,#a87316);border-radius:7px;padding:5px 9px;font-size:11px;font-weight:950;position:absolute;top:10px;left:10px;box-shadow:0 5px 15px #00000047}.lineup-card.miss .lineup-image>span{color:#fff;background:#595968}.lineup-body{padding:13px}.lineup-body h3{min-height:38px;margin:0 0 11px;font-size:14px;line-height:1.4}.lineup-body p{border-top:1px solid #ffffff12;justify-content:space-between;margin:0;padding-top:10px;display:flex}.lineup-body p span{color:#ffffff59;font-size:10px}.lineup-body p strong{color:#c6bdff;font-size:12px}.draw-dock{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0d0d18e8;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:clamp(25px,6vw,80px);min-height:96px;padding:13px 25px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 55px #00000061}.draw-dock>div{width:min(260px,28vw)}.draw-dock>div span{color:#ffffff80;margin-bottom:7px;font-size:11px;display:block}.draw-dock>div i{background:#ffffff17;border-radius:99px;height:6px;display:block;overflow:hidden}.draw-dock>div b{border-radius:inherit;background:linear-gradient(90deg,var(--violet),#e168d1);height:100%;display:block}.draw-dock>button{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#7a66f3,#5e45da 58%,#9a4ed0);border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:auto auto;place-content:center;column-gap:10px;min-width:min(390px,56vw);min-height:70px;font-size:21px;font-weight:950;display:grid;box-shadow:0 12px 35px #6c5ce76b,inset 0 1px #ffffff40}.draw-dock>button svg{grid-row:1/3;align-self:center}.draw-dock>button small{color:#ffffff8c;letter-spacing:.15em;font-size:9px;font-weight:700}.drawing-screen{place-items:center;display:grid;overflow:hidden}.effect-video{object-fit:contain;background:#000;width:100vw;height:100svh}.fallback-effect{z-index:2;justify-items:center;gap:12px;display:grid;position:relative}.fallback-effect svg{color:#d7cfff;filter:drop-shadow(0 0 24px #7c65ff);animation:1s ease-in-out infinite pulse}.fallback-effect strong{letter-spacing:.12em;font-size:clamp(30px,5vw,58px)}.fallback-effect span{color:#ffffff73}.effect-rings{z-index:-1;aspect-ratio:1;width:min(70vw,600px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.effect-rings i{border:1px solid #8b7bff59;border-radius:50%;animation:1.7s ease-out infinite rings;position:absolute;inset:0}.effect-rings i:nth-child(2){animation-delay:.55s}.effect-rings i:nth-child(3){animation-delay:1.1s}@keyframes rings{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.15)}}.result-screen{background:radial-gradient(circle at 50% 45%,#7059e885,#0000 37%),linear-gradient(145deg,#151229,#090912);place-items:center;padding:30px;display:grid;position:relative;overflow:hidden}.result-glow{aspect-ratio:1;filter:blur(55px);background:conic-gradient(#ff556f33,#ffd54c30,#2fddb42b,#4a9aff33,#b950ff38,#ff556f33);border-radius:50%;width:min(90vw,900px);animation:11s linear infinite rotate;position:absolute}.result-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#141325db;border:1px solid #ffffff2b;border-radius:28px;justify-items:center;width:min(92vw,610px);padding:clamp(22px,4vw,40px);display:grid;position:relative;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff1a}.result-kicker{color:#b8adff;letter-spacing:.3em;margin:0 0 7px;font-size:11px;font-weight:950}.result-rank{color:#2c2109;background:linear-gradient(135deg,#efd06f,#a97416);border-radius:99px;padding:7px 16px;font-size:14px;font-weight:950}.result-image{aspect-ratio:4/3;background:#242140;border:3px solid #e5c45ca6;border-radius:18px;place-items:center;width:min(320px,62vw);margin:20px 0 16px;display:grid;overflow:hidden;box-shadow:0 18px 55px #0006,0 0 35px #e5c45c2e}.result-image img{object-fit:contain;background:#fff;width:100%;height:100%}.result-image>div{color:#c8bdff}.result-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,43px)}.result-card>p:not(.result-kicker){color:#ffffff75;margin:7px 0 21px}.result-actions{grid-template-columns:1fr 1.3fr;gap:10px;width:100%;display:grid}.customer-secondary{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff21}.customer-primary{color:#fff;background:linear-gradient(135deg,#7a66f3,#5c45d8);box-shadow:0 10px 28px #6c5ce759}.result-particles i{background:#fff;border-radius:50%;width:7px;height:7px;animation:4s ease-in-out infinite float;position:absolute;box-shadow:0 0 13px #fff}.result-particles i:nth-child(3n){background:#e5ca67}.result-particles i:nth-child(3n+1){background:#a99cff}.result-particles i:first-child{top:20%;left:10%}.result-particles i:nth-child(2){top:70%;left:20%}.result-particles i:nth-child(3){top:14%;left:30%}.result-particles i:nth-child(4){top:84%;left:40%}.result-particles i:nth-child(5){top:8%;left:52%}.result-particles i:nth-child(6){top:88%;left:62%}.result-particles i:nth-child(7){top:18%;left:74%}.result-particles i:nth-child(8){top:72%;left:86%}.result-particles i:nth-child(9){top:30%;left:92%}.result-particles i:nth-child(10){top:54%;left:6%}.result-particles i:nth-child(n+11){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{50%{opacity:.35;transform:translateY(-18px)}}@media (max-width:1180px){.oripa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.prize-primary{grid-template-columns:.6fr 1.4fr 90px 115px}.lineup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.login-page{background:var(--ink);grid-template-columns:1fr}.login-visual{height:390px;padding:24px 28px;position:absolute;inset:0 0 auto}.login-visual>img{width:155px;height:68px}.login-message{margin-top:25px}.login-message h1{margin:8px 0;font-size:36px}.login-form-wrap{z-index:3;align-items:start;margin-top:310px;padding:26px 20px 50px;position:relative}.login-form{background:#fff;border-radius:22px;padding:26px;box-shadow:0 25px 65px #00000059}.sidebar{display:none}.admin-main{margin-left:0;padding-top:65px}.mobile-admin-header{z-index:30;background:#17172b;justify-content:space-between;align-items:center;height:65px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.mobile-admin-header img{object-fit:contain;width:120px;height:58px}.mobile-admin-header nav{gap:6px;display:flex}.mobile-admin-header a{color:#ffffffbf;background:#ffffff12;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.page{padding:28px 20px 60px}.page-head{align-items:flex-start}.metric-grid{grid-template-columns:repeat(3,1fr)}.oripa-grid{grid-template-columns:repeat(2,1fr)}.upload-panel{grid-template-columns:1fr 1fr}.upload-panel .drop-field{grid-column:1/3}.media-grid{grid-template-columns:repeat(3,1fr)}.media-grid.video-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.builder-summary{grid-row:1;position:static}.summary-card{display:none}.delete-oripa{justify-self:end;padding:0 16px}.form-grid.prize-primary{grid-template-columns:1fr 1.6fr 90px}.probability{grid-column:1/4;justify-content:space-between;align-items:center;display:flex}.probability strong{margin-left:auto;margin-right:9px}.form-grid.prize-media{grid-template-columns:1fr 1fr}.form-grid.prize-media .check-field{grid-column:1/2}.form-grid.prize-media .icon-button{grid-column:2/3;justify-self:end}.lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-hero,.lineup-section{width:min(100% - 28px,1220px)}}@media (max-width:640px){.page-head{display:grid}.page-head .primary-button{justify-self:start}.page-head.compact .head-actions{width:100%}.head-actions button{flex:1}.metric-grid{grid-template-columns:1fr}.metric{grid-template-columns:1fr auto;align-items:center;display:grid}.metric strong{grid-area:1/2/3}.oripa-grid,.upload-panel{grid-template-columns:1fr}.upload-panel .drop-field{grid-column:auto}.media-grid,.media-grid.video-grid{grid-template-columns:repeat(2,1fr)}.library-toolbar{flex-direction:column;align-items:flex-start}.search,.search input{width:100%;max-width:none}.form-card{padding:17px}.form-grid.two,.total-row{grid-template-columns:1fr}.prize-row{display:block}.prize-rank{flex-direction:row;width:100%;height:38px;padding:7px 10px}.form-grid.prize-primary,.form-grid.prize-media{grid-template-columns:1fr}.probability,.form-grid.prize-media .check-field,.form-grid.prize-media .icon-button{grid-column:auto}.form-grid.prize-media .icon-button{justify-self:end}.selected-media{max-width:100%}.customer-header{height:63px;padding:0 12px}.customer-header img{width:105px;height:50px}.customer-header button{padding:8px}.customer-header button svg{margin:0}.customer-header button{font-size:0}.customer-header a{font-size:10px}.customer-hero{margin-top:14px}.customer-eyecatch{border-radius:15px}.hero-copy{bottom:18px;left:18px;right:18px}.hero-copy h1{font-size:25px}.customer-summary{min-height:67px}.customer-summary>div{padding:0 18px}.customer-summary strong{font-size:21px}.lineup-head>span{display:none}.lineup-grid{grid-template-columns:repeat(2,1fr);gap:9px}.lineup-body{padding:10px}.lineup-body h3{font-size:12px}.draw-dock{gap:10px;min-height:87px;padding:9px 12px}.draw-dock>div{display:none}.draw-dock>button{width:100%;min-width:0;min-height:65px;font-size:18px}.result-screen{padding:14px}.result-card{width:100%;padding:23px 16px}.result-actions{grid-template-columns:1fr}.result-image{width:min(250px,72vw)}}