:root{font-family:'Trebuchet MS',Arial,sans-serif;color:#fff;--game-bg:#7046e8;--text:#fff;--muted:#efe4ff}*{box-sizing:border-box}body{margin:0;background:var(--game-bg);color:var(--text);min-width:280px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #3de7de;outline-offset:4px}button{transition:transform .18s,filter .18s,background .18s}button:active:not(:disabled){transform:translateY(3px)}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.game-shell{position:relative;isolation:isolate;min-height:100svh;background:radial-gradient(ellipse at 90% 0,#ff64cc88,transparent 58%),radial-gradient(ellipse at 0 100%,#28dfcf77,transparent 55%),radial-gradient(ellipse at 50% 45%,#a562ff66,transparent 65%),var(--game-bg);overflow:clip}.game-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#ffffff14 2px,transparent 3px);background-size:34px 34px;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000,transparent)}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.topbar{height:80px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 4%;max-width:1440px;margin:auto}.top-actions{display:flex;gap:10px}.icon-button,.home-mark{height:46px;width:46px;display:grid;place-items:center;background:#ffffff18;border:2px solid #ffffff38;border-radius:17px;color:var(--text);font-size:25px;line-height:1}.icon-button:hover{background:#ffffff30;transform:translateY(-2px)}.home-mark{background:#ffdf62;color:#613293;border-color:#fff0a9;box-shadow:0 4px 0 #b57f2e;font-size:30px;transform:rotate(-8deg)}
.lobby-content{position:relative;z-index:3;min-height:calc(100svh - 80px);width:min(750px,100%);margin:auto;padding:4px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand{width:110px;height:110px;flex-shrink:0;border-radius:50%;border:5px solid #fff;background:linear-gradient(145deg,#f8eeff,#dcc5ff);color:#643397;box-shadow:0 7px 0 #45227755,0 0 0 8px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.brand img{width:100%;height:100%;padding:5px;background:#fff;border-radius:50%;object-fit:contain}.brand b{font-size:14px;line-height:1.15;max-width:88%;text-align:center;overflow-wrap:anywhere}.brand-star{color:#9256dd;font-size:33px;line-height:1;margin-bottom:5px}.brand.small{width:57px;height:57px;border-width:3px;box-shadow:0 4px 0 #45227733}.brand.small b{font-size:10px}.brand.small .brand-star{font-size:18px;margin:0}.game-title{margin:26px 0 0;font-family:'Arial Black','Trebuchet MS',sans-serif;font-weight:900;line-height:1.06;letter-spacing:-2px;font-size:clamp(38px,5.5vw,72px);color:#fff;text-align:center;text-shadow:0 4px #a274e0,0 8px #4f228b,0 13px 25px #34136555;transform:rotate(-4deg);overflow-wrap:anywhere}.game-title span{display:inline-block;color:#ffe16a}.hero-art{position:relative;width:410px;max-width:100%;height:290px;flex-shrink:0;margin:10px 0 16px}.halo{position:absolute;inset:9% 2%;border-radius:50%;background:radial-gradient(ellipse,#edc9ff66,transparent 68%);border:2px dashed #ffffff27;transform:rotate(-15deg)}.hero-dice{position:absolute;width:73%;right:-1%;top:-8%;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 20px 16px #41207844)}.hero-gift{position:absolute;width:68%;left:-3%;bottom:-10%;animation:float 6s ease-in-out infinite reverse;filter:drop-shadow(0 20px 16px #41207844)}.gift-art{position:relative;width:100%;height:100%}.gift-art img{width:100%;height:100%;user-select:none;pointer-events:none}.star{position:absolute;font-size:46px;color:#ffec7f;animation:twinkle 3s infinite}.s1{left:0;top:13%;transform:rotate(-15deg)}.s2{right:-1%;bottom:17%;color:#6ef4d8;animation-delay:.8s}.s3{right:8%;top:0;font-size:58px;animation-delay:1.6s}.primary{position:relative;overflow:hidden;border:3px solid #fff2ac;border-radius:25px;padding:16px 28px;min-height:64px;background:linear-gradient(#ffea78,#ffd044);color:#4b266a;font-size:20px;font-weight:900;letter-spacing:.6px;box-shadow:inset 0 2px #fff8,0 7px #c38a2b,0 12px #43225f33;display:flex;align-items:center;justify-content:center;gap:17px}.primary::after{content:'';position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(100deg,transparent,#fff8,transparent);transform:skewX(-20deg);animation:shine 5s infinite}.primary:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.06)}.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c38a2b}.play-button{width:300px;max-width:100%;font-size:28px;min-height:72px;flex-shrink:0}.play-button span{font-size:21px}.help-link{margin-top:26px;border:0;background:none;color:var(--muted);font-size:14px;min-height:36px;text-decoration:underline;text-underline-offset:5px}.pause-note{margin:22px 0 0;color:var(--muted);font-size:14px;text-align:center}
.game{height:100dvh;min-height:480px}.board-nav{position:absolute;top:90px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(850px,92%);z-index:3}.play-focus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,94%);z-index:3}.dice-stage{position:relative;display:grid;place-items:center;height:230px;perspective:1000px}.dice-pair{display:flex;gap:82px;position:relative;z-index:1;padding-bottom:20px;transform-style:preserve-3d}.die-wrap{position:relative;perspective:700px;--size:90px;--half:45px;width:var(--size);height:var(--size);transform-style:preserve-3d;filter:drop-shadow(0 20px 10px #3a1e5744)}.die-cube{position:relative;width:100%;height:100%;transform:var(--rotation);transform-style:preserve-3d}.die-face{position:absolute;width:var(--size);height:var(--size);border-radius:15px;background:radial-gradient(ellipse at 20% 10%,#fff,#fff6ea 60%,#e5cdf7);border:1px solid #e6d4ee;box-shadow:inset 0 3px 4px #fff,inset 0 -4px 7px #bea5da60;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:5px;backface-visibility:hidden}.face-1{transform:translateZ(var(--half))}.face-2{transform:rotateY(90deg) translateZ(var(--half))}.face-3{transform:rotateX(90deg) translateZ(var(--half))}.face-4{transform:rotateX(-90deg) translateZ(var(--half))}.face-5{transform:rotateY(-90deg) translateZ(var(--half))}.face-6{transform:rotateX(180deg) translateZ(var(--half))}.pip{background:radial-gradient(circle at 65% 75%,#9b54e2,#552591);border-radius:50%;box-shadow:inset 0 2px 2px #43227166,0 1px #fff}.dice-1 .pip{background:radial-gradient(circle at 65% 75%,#fd76b1,#c73474)}.blank{visibility:hidden}.platform{position:absolute;bottom:12px;width:88%;height:62px;background:linear-gradient(165deg,#be8eff,#8552d6);border:3px solid #d9b7ff;border-radius:50%;box-shadow:0 8px #583293,0 12px #3f2372,0 22px 26px #30125f44}.stage-glow{position:absolute;inset:0 -10%;background:radial-gradient(ellipse,#dcb0ff66,transparent 65%)}.throw-button{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;min-width:290px;margin-top:24px}.throw-button:hover:not(:disabled){transform:translateX(-50%) translateY(-3px)}.throw-button:active:not(:disabled){transform:translateX(-50%) translateY(4px)}.impact{position:absolute;inset:20% -30% -40%;border:3px solid #ffe57a;border-radius:50%;opacity:0;pointer-events:none}.landing .impact{animation:impact .8s ease-out}.landing .die-cube{animation:settle .65s}.landing .stage-glow{animation:flash .8s}
.light{--text:#3a2459;--muted:#563c6b}.light .game-title{color:#683399;text-shadow:0 4px #fff,0 7px #b89ed266}.light .game-title span{color:#a13b82}.light .icon-button{background:#ffffff77;border-color:#5a328a22}.light .game-shell{background:radial-gradient(ellipse at 90% 0,#ff64cc33,transparent 58%),radial-gradient(ellipse at 0 100%,#28dfcf33,transparent 55%),var(--game-bg)}
dialog{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;border:3px solid #e9d8ff;border-radius:30px;background:#fff;color:#402650;padding:30px;box-shadow:0 25px 90px #16072966;overflow:auto}dialog::backdrop{background:#170b426e;backdrop-filter:blur(7px)}dialog h2{font-size:26px;line-height:1.15;padding-right:15px;margin-bottom:16px}dialog:has(.reward){background:radial-gradient(ellipse at 50% 30%,#a45ee2,#6637b3);color:#fff;border-radius:34px;padding:26px 28px 30px}.dialog-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#efe6f8;color:#6b458c;font-size:25px;z-index:3}.reward{text-align:center}.reward .brand{margin:0 auto 20px}.reward h2{padding:0;margin:0 0 10px;font-size:25px;text-shadow:0 3px #603a9966}.reward h2 em{display:block;font-size:44px;font-style:normal;color:#ffe577;margin-bottom:8px}.reward>p{font-size:16px;color:#fff;margin-bottom:0}.gift-animation{position:relative;height:220px;width:250px;max-width:100%;margin:auto}.gift-animation .gift-art{animation:float 4s infinite}.gift-animation>span{position:absolute;left:3%;top:30%;font-size:32px;color:#ffe68c;animation:twinkle 2s infinite}.gift-animation>span:last-child{left:auto;right:0;top:58%;color:#87f4e3}.gift-number{position:absolute;left:41%;top:57%;width:44px;height:44px;display:grid;place-items:center;background:#ffdc65;border:3px solid #fff1b7;border-radius:50%;font-weight:900;font-size:25px;color:#573175;box-shadow:0 3px #b98539}.opening .gift-art{animation:gift-open 3s forwards}.compact{width:100%;font-size:16px;min-height:56px;padding:12px 20px;border-radius:20px}.progress{height:5px;width:160px;overflow:hidden;border-radius:5px;background:#ffffff30;margin:20px auto}.progress i{display:block;height:100%;background:#83f5d9;animation:progress 3s linear forwards}.prize-image{width:200px;height:175px;margin:10px auto}.prize-image>img{width:100%;height:100%;border-radius:18px}.reward h3{font-size:27px;color:#fff1ad;margin:10px 0;overflow-wrap:anywhere}.claim{border:1px dashed #b995db;border-radius:14px;background:#ffffff12;padding:12px;margin:18px auto 20px;font-size:12px;letter-spacing:1px;max-width:260px}.claim strong{display:block;font-size:21px;letter-spacing:2px;margin-top:6px}.revealed .prize-image{animation:reveal .6s cubic-bezier(.2,1.6,.5,1)}.rules{padding:0;margin:24px 0;list-style:none;display:grid;gap:22px}.rules li{display:flex;align-items:flex-start;gap:15px}.rules li>b{height:36px;width:36px;flex-shrink:0;background:#eee3ff;border-radius:13px;display:grid;place-items:center;color:#7443b5}.rules strong{font-size:17px}.rules p{margin:5px 0 0;font-size:16px;line-height:1.4;color:#786286}.hint{font-size:14px;line-height:1.6;color:#746482}.rules+.hint{margin-bottom:25px}.form-error{color:#b42348;font-size:14px;line-height:1.4}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;margin-bottom:20px}input{min-width:0;max-width:100%;width:100%;padding:12px 13px;border:1px solid #d8cce5;border-radius:12px;background:#fff;color:#432b59;font-size:16px}input[type=color]{height:52px;max-width:150px;padding:5px}input[type=file]{font-size:14px;padding:10px}.checkbox{flex-direction:row;align-items:center;font-weight:400}.checkbox input{width:18px;height:18px}.upload-preview{display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:22px}.upload-preview>img{width:120px;height:120px;border-radius:15px;object-fit:contain}.upload-preview .gift-art{width:140px}.loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#fff;color:#432453;box-shadow:0 7px 35px #0003;border-radius:16px;padding:16px 22px;max-width:calc(100% - 30px);width:max-content;z-index:20;opacity:0;pointer-events:none;transition:.2s;font-size:16px}#toast.show{opacity:1;transform:translate(-50%,0)}
.admin-mode #particles{display:none}.admin-shell{min-height:100svh;background:#f7f5fc;color:#382447}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:#fff;border-bottom:1px solid #eee5f7;gap:20px}.admin-header>b{font-size:20px}.secondary{background:#fff;border:1px solid #d8c9e8;color:#7043a1;border-radius:12px;padding:11px 17px;font-weight:700;font-size:14px;min-height:42px}.secondary:hover{background:#f0e8fb}.admin-tabs{display:flex;padding:16px 5%;gap:8px;overflow:auto;background:#fff}.admin-tabs button{padding:11px 19px;border:0;border-radius:14px;background:#f6f2fb;color:#756080;font-size:15px;font-weight:700;white-space:nowrap}.admin-tabs [aria-current=page]{background:#7744cb;color:#fff}.admin-main{max-width:1120px;padding:35px 24px 70px;margin:auto}.admin-main>h1{font-size:30px;letter-spacing:-.6px;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stats>section{background:#fff;border:1px solid #e8def1;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;color:#80678c}.stats strong{font-size:38px;color:#7443b8}.card{padding:26px;background:#fff;border:1px solid #e8def1;border-radius:22px;margin-bottom:24px}.card h2{font-size:21px;color:#4d3264;margin-bottom:16px}.card p{font-size:16px;line-height:1.5}.card .hint{font-size:14px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.swatches{display:flex;gap:10px;margin:24px 0}.swatches button{height:47px;width:47px;border:3px solid #fff;border-radius:15px;box-shadow:0 0 0 1px #d8c9e8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:15px}th{text-align:left;color:#8d7898;font-size:14px}th,td{padding:15px 12px;border-bottom:1px solid #efe7f7;white-space:nowrap}.table-prize{display:flex;gap:12px;align-items:center}.table-prize img{width:40px;height:40px}.history-toolbar{display:flex;gap:25px;align-items:center;justify-content:space-between}.history-toolbar label{flex:1;max-width:400px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #ede4f5;gap:16px}.history-row strong{display:block;font-size:16px}.history-row span{display:block;font-size:13px;color:#8b7997;margin-top:6px}.delivered{color:#287967;background:#e4f7ef;border-radius:12px;padding:8px 12px;font-size:13px}.empty{padding:35px;text-align:center;color:#8b7997}
@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes twinkle{0%,100%{opacity:.5;scale:.8}50%{opacity:1;scale:1.1}}@keyframes shine{0%,65%{left:-60%}95%,100%{left:130%}}@keyframes impact{0%{opacity:.9;transform:rotateX(65deg) scale(.4)}100%{opacity:0;transform:rotateX(65deg) scale(2.2)}}@keyframes settle{0%{transform:var(--rotation) scale(1.08,.9)}40%{transform:var(--rotation) scale(.98,1.05)}100%{transform:var(--rotation)}}@keyframes flash{0%{filter:brightness(2);scale:1.3}100%{filter:brightness(1);scale:1}}@keyframes gift-open{0%{transform:scale(1) rotate(0)}20%{transform:scale(.72) rotate(-25deg)}45%{transform:scale(1.1) rotate(180deg)}70%{transform:scale(.6) rotate(360deg)}88%{transform:scale(1.23) rotate(690deg)}100%{transform:scale(1.4) rotate(720deg);filter:brightness(2) drop-shadow(0 0 30px #ffe19c)}}@keyframes progress{from{width:0}to{width:100%}}@keyframes reveal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@media(min-height:900px){.hero-art{width:460px;height:330px}.lobby-content>.brand{width:128px;height:128px}.lobby-content>.brand b{font-size:16px}}
@media(max-width:700px){.topbar{height:66px;padding:0 5%}.icon-button,.home-mark{height:41px;width:41px;font-size:23px;border-radius:15px}.top-actions{gap:8px}.lobby-content{min-height:calc(100svh - 66px);padding:10px 20px 25px}.lobby-content>.brand{height:91px;width:91px}.game-title{font-size:clamp(34px,8.7vw,58px);margin-top:24px;letter-spacing:-1.5px}.hero-art{width:340px;height:250px;margin:12px 0 16px}.play-button{width:280px;font-size:25px;min-height:66px}.board-nav{top:76px}.play-focus{width:min(390px,94%)}.dice-stage{height:210px}.dice-pair{gap:64px}.die-wrap{--size:76px;--half:38px}.die-face{padding:12px;gap:4px;border-radius:13px}.platform{height:52px}.throw-button{font-size:18px;min-width:270px}.appearance-grid{grid-template-columns:1fr;gap:0}.admin-header{padding:17px}.admin-header>b{font-size:15px}.admin-header .secondary{font-size:12px;padding:8px}.admin-tabs{padding:12px 17px}.admin-main{padding:27px 17px}.admin-main>h1{font-size:25px}.stats{gap:8px}.stats>section{padding:17px 12px;border-radius:17px}.stats span{font-size:12px}.stats strong{font-size:29px}.card{padding:20px}.history-toolbar{flex-wrap:wrap;gap:0;margin-bottom:15px}.history-toolbar label{max-width:none;flex-basis:100%}.history-row span{font-size:12px}.history-row .secondary{font-size:12px;padding:8px 10px}.swatches{gap:8px}.swatches button{width:40px;height:40px}dialog{padding:26px 22px}.reward h2{font-size:23px}.reward h2 em{font-size:38px}.gift-animation{height:205px;width:230px}.claim{margin:15px auto 19px}}
@media(max-height:750px){.lobby-content>.brand{width:76px;height:76px}.lobby-content>.brand b{font-size:12px}.lobby-content>.brand .brand-star{font-size:23px}.game-title{font-size:clamp(34px,6vw,58px);margin-top:20px}.hero-art{height:230px;width:325px}.gift-animation{height:175px;width:200px}.reward .brand{margin-bottom:14px}.reward h2 em{font-size:33px}.prize-image{height:135px;width:165px}.reward h3{font-size:23px}.reward>p{font-size:14px}.claim{margin:13px auto 17px}.compact{min-height:52px;font-size:15px}}
@media(max-height:540px) and (min-width:600px){.lobby-content{min-height:480px}.game{min-height:360px}.topbar{height:58px}.board-nav{top:72px}.play-focus{width:330px}.dice-stage{height:140px}.dice-pair{gap:65px}.die-wrap{--size:64px;--half:32px}.die-face{padding:10px;gap:3px}.platform{height:40px;bottom:0}.throw-button{margin-top:18px;min-height:50px;font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.hero-dice,.hero-gift{animation:none}.progress i{width:100%}}

/* Touch-friendly prize management: no horizontal table. */
.prize-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prize-card{min-width:0;border:1px solid #e8def1;border-radius:22px;padding:20px;background:#fff}.prize-card-head{display:flex;align-items:center;gap:16px}.prize-card-head>div:last-child{min-width:0;flex:1}.prize-thumb{width:80px;height:80px;flex-shrink:0;background:#f5effc;border-radius:18px;overflow:hidden}.prize-thumb img{width:100%;height:100%;object-fit:contain}.prize-label{font-size:13px;color:#8b6aa0}.prize-card h2{font-size:19px;line-height:1.25;overflow-wrap:anywhere;margin:5px 0 9px}.stock{font-size:13px;font-weight:700;background:#e7f7ef;color:#27745d;border-radius:8px;padding:4px 8px;display:inline-block}.empty-stock{background:#ffedf0;color:#ab3655}.prize-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee5f5;margin-top:17px;padding-top:14px}.prize-card-bottom small{font-size:13px;color:#897496;overflow-wrap:anywhere}.prize-card-bottom button{min-width:95px;min-height:46px;background:#7744cb;border-color:#7744cb;color:#fff;flex-shrink:0}.upload-status{margin:-8px 0 20px}input[type=file]{width:100%;min-width:0}input[type=file]::file-selector-button{border:0;padding:10px 12px;border-radius:9px;background:#eee4fc;color:#613591;font-weight:700;margin-right:8px;cursor:pointer}@media(max-width:700px){.prize-cards{grid-template-columns:minmax(0,1fr);gap:14px}.prize-card{padding:17px}.prize-thumb{width:72px;height:72px}.prize-card h2{font-size:18px}.admin-tabs{flex-wrap:wrap;overflow:visible;gap:6px}.admin-tabs button{flex:1 1 auto;padding:10px 12px;font-size:14px}}

/* Event operation: readable controls and long prize names. */
.history-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}.history-pages span{font-size:14px;color:#746482}.history-row>div{min-width:0}.history-row strong{overflow-wrap:anywhere}.history-row .secondary{flex-shrink:0}.admin-shell .secondary{font-size:16px;min-height:46px}.admin-shell label{font-size:16px}.dialog-notice{padding:12px;border-radius:12px;background:#fff1f4;color:#9b1742}.dialog-close{width:44px;height:44px}.game-shell .topbar{padding-top:env(safe-area-inset-top)}
@media(max-height:600px) and (min-width:600px){.lobby-content{min-height:calc(100svh - 58px);height:calc(100svh - 58px);width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:24px;padding:8px 28px 20px}.lobby-content>.brand{grid-column:1;justify-self:center;width:64px;height:64px}.lobby-content .game-title{grid-column:1;font-size:38px;margin:8px 0}.lobby-content .hero-art{grid-column:2;grid-row:1/5;width:290px;height:220px;justify-self:center;margin:0}.lobby-content .play-button{grid-column:1;justify-self:center;min-height:52px;font-size:22px}.lobby-content .help-link{grid-column:1;margin-top:10px}.lobby-content .pause-note{margin:8px 0}.lobby-content .pause-note+.help-link{display:none}}