@import url('https://fonts.googleapis.com/css2?family=Dokdo&display=swap');
/*
    +------------------------------------------+
    |  빨강 + 파랑 + 노랑 + 분홍 + 전부         |
    |                                          |
    |    [디자인 검수]     [해당 없음]           |
    +------------------------------------------+
    충돌하는 색상은 정상이며 화해 계획은 없습니다
*/
:root{color-scheme:light;--gold:#fff200;--red:#ff003c;--muted:#555;--bg:#cffaff}*{box-sizing:border-box}body{margin:0;color:#10106b;background-color:#c8ffff;background-image:linear-gradient(45deg,#ffffff80 25%,transparent 25%,transparent 75%,#ffffff80 75%),linear-gradient(45deg,#ffffff80 25%,transparent 25%,transparent 75%,#ffffff80 75%);background-size:24px 24px;background-position:0 0,12px 12px;font-family:'Gulim','굴림',sans-serif;font-size:15px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px dashed #fd00cb;outline-offset:4px}a{color:#0000ee}button{border-radius:0!important}[hidden]{display:none!important}.ticker{background:#050085;color:#ffff00;border-top:3px ridge #ddd;border-bottom:3px ridge #ddd;padding:7px;overflow:hidden;white-space:nowrap;font-weight:bold;text-align:center;font-family:'Gungsuh','궁서',serif}.ticker span{color:#0ff;margin:0 25px}header{max-width:1050px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;background:#fff;border:3px ridge silver;padding:9px 12px;gap:10px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:18px}.brand small{display:block;font:12px 'Gulim',sans-serif;margin-top:5px;color:#df00b2}.brand-seal{background:red;color:yellow;border:4px double yellow;padding:5px;font-family:'Gungsuh',serif;transform:rotate(-12deg)}.header-actions{display:flex;gap:5px;align-items:center}.edition{color:#333;font-size:12px;margin-right:10px}.small-btn{background:#d5d5d5;border:3px outset #eee;padding:5px 8px;color:#000;font-size:14px}.small-btn:active{border-style:inset}main{max-width:1050px;margin:auto;background:#fffef0;border:3px ridge #cacaca;border-top:0;padding:9px 13px 0}.tabs{display:flex;gap:4px;padding:0;background:#ccc;border:2px inset white}.tab{font-weight:bold;padding:8px 22px;background:linear-gradient(#fff,#bfc3c8);border:3px outset #ddd;color:#000080}.tab.active{background:#fffc00;color:red;border-style:inset}.tab span{font:13px 'Courier New',monospace;background:#000;color:#0f0;padding:2px 4px;margin-left:7px}.welcome-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px 2px;color:#006000}.welcome-line b{font-family:'Gungsuh',serif;color:#f00;font-size:15px}.hero-heading{background:radial-gradient(ellipse,#fff 25%,#fff5ba 55%,#ffa9db 90%);border:5px double #ff00ba;position:relative;text-align:center;padding:13px 0 18px;isolation:isolate;overflow:hidden}.hero-heading:before,.hero-heading:after{content:'✦ ✧ ★';position:absolute;font-size:42px;color:#fff;text-shadow:2px 2px blue;z-index:-1;transform:rotate(-18deg);left:4%;top:18px}.hero-heading:after{left:auto;right:8%;top:110px;color:#f500c2;transform:rotate(24deg)}.eyebrow{font-family:'Gungsuh','궁서',serif;color:#84007f;font-weight:bold;font-size:14px;letter-spacing:1px}.hero-heading>.eyebrow{display:inline-block;background:#f6ff00;color:#e00000;padding:3px 14px;transform:rotate(2deg);border:1px solid red}.hero-heading h1{font-family:'Gungsuh','궁서',serif;font-size:79px;font-weight:900;line-height:1.05;letter-spacing:-7px;margin:7px 0 13px;transform:rotate(-4deg) skew(-5deg);color:#ff00d4;text-shadow:2px 2px #fff,4px 4px #1500b3,6px 6px #1500b3,8px 8px #0004}.hero-heading h1>span{font-family:'Dokdo','Gungsuh',serif;display:inline-block;color:#0800b7;font-size:43px;letter-spacing:8px;text-shadow:2px 2px #0ff;margin-right:100px;line-height:.8;transform:rotate(6deg)}.hero-heading h1>b{background:linear-gradient(#ff0000 8%,#ff00d4 30%,#6021f5 45%,#006aff 55%,#00b83a 70%,#ffb300 85%);color:transparent;background-clip:text;-webkit-text-stroke:1px #fff;text-shadow:none;filter:drop-shadow(3px 3px #000091) drop-shadow(3px 3px #c200d8)}.hero-heading h1 em{font-style:normal;color:#fffb00;-webkit-text-stroke:1px #d00000;text-shadow:3px 3px red,5px 5px blue;display:inline-block;transform:rotate(6deg)}.subtitle{font-family:'Gungsuh',serif;color:#000;font-size:18px;margin-top:22px}.subtitle strong{background:#0000b6;color:white;padding:3px 5px}.burst-label{position:absolute;right:25px;top:19px;background:#ffff00;clip-path:polygon(50% 0,59% 17%,75% 4%,78% 25%,98% 20%,88% 42%,100% 52%,82% 60%,96% 82%,73% 77%,70% 100%,51% 84%,33% 100%,30% 77%,6% 87%,18% 62%,0 50%,19% 39%,5% 18%,29% 24%,30% 2%,43% 19%);padding:29px 22px;font-weight:bold;color:#f00;font-size:14px;transform:rotate(15deg)}.burst-label b{font-family:'Gungsuh',serif;font-size:30px}.sticker{position:absolute;top:72px;left:23px;transform:rotate(-12deg);border:3px dashed #00c3ff;background:#fff;padding:10px;color:blue;font-family:'Dokdo',cursive;font-size:29px;line-height:.8}.sticker strong{font-weight:400;color:#f00068;font-size:39px}.flying-star{position:absolute;left:16%;bottom:17px;color:#13b400;font-size:48px;text-shadow:2px 2px yellow;animation:wobble 3s ease-in-out infinite}.festival-strip{background:#ff0606;color:yellow;font-family:'Gungsuh',serif;border:4px ridge #ffb400;display:flex;align-items:center;justify-content:space-around;padding:6px 8px;font-size:24px;font-weight:bold;margin-top:7px}.festival-strip span{color:white;font-family:'Gulim',sans-serif;font-size:15px}.notice-row{display:flex;align-items:center;gap:10px;border-bottom:1px dotted blue;padding:9px 4px;font-size:14px}.notice-row>span:last-child{margin-left:auto;color:#555;font-size:13px}.new-label{font:bold italic 18px 'Times New Roman',serif;color:red;text-shadow:1px 1px yellow;transform:rotate(-10deg)}.draw-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:10px;margin-top:12px;align-items:stretch}.side-panel{border:4px ridge #a9b8ff;background:#eefaff;text-align:center;display:flex;align-items:center;flex-direction:column;padding:8px 5px;position:relative}.label-red{background:#0000bb;color:white;padding:5px 3px;width:100%;font-size:14px}.side-panel h2{font-family:'Gungsuh',serif;font-size:26px;line-height:1.25;color:#000;margin:17px 0 7px;font-weight:bold;transform:rotate(-5deg)}.side-panel h2 strong{color:#e90000;text-decoration:underline;text-underline-offset:4px}.side-panel p{font-size:13px;line-height:1.8;color:#000;margin:7px 0}.zero{font:bold 62px 'Times New Roman',serif;color:blue;text-shadow:3px 3px #0ff;transform:rotate(4deg);margin:5px 0}.zero small{display:block;color:black;text-shadow:none;font-size:14px;font-family:'Gulim',sans-serif;font-weight:400}.ticket-stamp{border:5px double red;color:red;background:#fff7b6;transform:rotate(-10deg);font-family:'Gungsuh',serif;font-size:29px;margin:15px 0;padding:9px 14px}.ticket-stamp small{font:13px/1.5 'Gulim',sans-serif;display:block}.side-caption{font-size:12px;color:#333;margin-top:auto;padding:8px 0 3px}.right-panel{background:repeating-linear-gradient(0deg,#ffedfe 0 5px,#fff 5px 10px);border-color:#ff90db}.label-gold{background:#fffb00;color:#000;border:2px solid red;font-size:14px;padding:4px}.right-panel h2{transform:rotate(5deg);font-family:'Dokdo','Gungsuh',serif;font-size:34px;margin:7px 0 0}.legend-icon{font-size:63px;filter:drop-shadow(4px 4px #ae83d5);transform:rotate(-12deg);margin-top:6px}.ssr-label{font:bold italic 43px 'Times New Roman',serif;background:linear-gradient(#ff004c,#0000ff);background-clip:text;color:transparent;filter:drop-shadow(2px 2px #ffff00);line-height:1;margin-top:8px}.right-panel h3{font: bold 18px 'Gungsuh',serif;color:#bd0085;margin:7px 0}.text-button{font-size:14px;color:blue;text-decoration:underline;margin:10px 0}.tiny{font-size:12px;color:#333;margin-top:auto}.machine{background:repeating-linear-gradient(45deg,#ffff00 0 12px,#ff9a00 12px 24px);border:7px ridge #ffe365;padding:7px;box-shadow:4px 5px #0005;position:relative}.machine-top{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff800;background:#000088;border:2px inset #ccc;padding:8px 2px;font: bold 16px 'Gungsuh',serif;white-space:nowrap}.led{width:8px;height:8px;border-radius:50%;background:#0f0;border:1px solid white;box-shadow:0 0 6px #0f0}.machine-screen{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:#d2ffff;border:4px inset #cbcbcb;min-height:245px;padding:10px 8px}.rays{position:absolute;inset:-120%;background:repeating-conic-gradient(#ffe745 0 15deg,#ffb3ea 15deg 30deg,#b7f7ff 30deg 45deg);animation:rotate 65s linear infinite;pointer-events:none}.screen-caption{z-index:1;font-size:13px;background:#fff;color:blue;padding:3px 5px;border:1px solid blue}.crown{font-size:52px;z-index:1;line-height:1.2;transform:rotate(-10deg);filter:drop-shadow(3px 3px #f00);margin:4px 0}.slots{display:flex;gap:8px;z-index:1;max-width:320px;width:100%}.slots span{display:grid;place-items:center;height:95px;background:linear-gradient(#888,#fff 22%,#fff 75%,#bbb);border:5px inset #ddd;flex:1;font: bold italic 74px 'Times New Roman',serif;color:#fc00b7;text-shadow:3px 3px blue;transform:rotate(-3deg)}.slots span:nth-child(2){transform:rotate(4deg);color:blue;text-shadow:3px 3px #0ff}.screen-bottom{z-index:1;font-size:13px;text-align:center;color:#000;background:#ffffd0;border:1px solid red;padding:4px 12px;margin-top:10px;line-height:1.5}.screen-bottom strong{color:red;font-family:'Gungsuh',serif;font-size:15px}.machine-controls{background:#c8c8c8;border:3px outset white;padding:8px;text-align:center;margin-top:4px}.draw-button{display:block;width:100%;border:6px outset #f5a6ff;background:linear-gradient(#fff,#ff75e5 45%,#a000b1 50%,#ff00b2);color:#ffff00;text-shadow:2px 2px #0000a0;padding:8px 0;transform:rotate(-1deg)}.draw-button:hover{filter:brightness(1.12);transform:rotate(1deg)}.draw-button:active{border-style:inset}.draw-button small{font:14px 'Gulim',sans-serif;text-shadow:1px 1px #000;color:white}.draw-button>span{display:block;font-family:'Gungsuh',serif;font-size:30px;font-weight:bold;line-height:1.4}.draw-button b{display:inline-block;animation:point 1.5s ease-in-out infinite}.machine-controls p{font-size:12px;color:#111;margin:9px 0 0}.machine-foot{text-align:center;font-size:11px;background:#fff;color:#000;padding:3px;margin-top:5px}.under-machine{background:#ffffb5;border:1px solid #ccc;padding:12px 8px;display:flex;gap:15px;justify-content:center;align-items:center;font-size:13px;margin-top:10px;flex-wrap:wrap}.under-machine strong{color:#bb0000}.under-machine button{background:none;border:0;color:blue;text-decoration:underline;font-size:13px;padding:0}.junk-banners{display:grid;grid-template-columns:1.05fr 1fr .85fr;gap:9px;margin:14px 0}.junk-banners>div{display:flex;flex-direction:column;text-align:center;padding:8px 4px;border:4px double #0900ce;background:#aaffbd;color:#dd0000;transform:rotate(-2deg);font-family:'Gungsuh',serif}.junk-banners b,.junk-banners strong{font-size:26px;text-shadow:2px 2px #fff}.junk-banners span{font:12px 'Gulim',sans-serif;color:black;margin-top:5px}.junk-banners>div:nth-child(2){background:#000094;color:#fff200;border:4px ridge #f6ff00;transform:rotate(1deg)}.junk-banners>div:nth-child(2) strong{font:33px 'Dokdo',serif;text-shadow:2px 2px red;line-height:.9}.junk-banners>div:nth-child(2) span{color:#fff}.junk-banners>div:nth-child(3){background:#ff9cda;color:blue;border:3px dashed red;transform:rotate(-3deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:3px ridge silver;padding:8px 0;margin-top:12px}.stats>div{text-align:center;border-right:1px solid #bbb}.stats>div:last-child{border:0}.stats span{display:block;font-size:13px;color:black}.stats strong{display:block;color:#00ff00;background:#000;font:25px 'Courier New',monospace;width:max-content;padding:3px 9px;margin:7px auto 0}.stats small{font-size:13px;margin-left:4px}.how{padding:13px 0 8px;text-align:center;color:#333;font-size:13px}.how>span{background:#eee;border:1px solid gray;padding:4px 12px;color:#000}.how p{margin:13px 0 2px}.how b{color:red;margin-right:5px}.how i{color:blue;margin:0 15px}.webmaster-note{display:flex;justify-content:center;align-items:center;gap:15px;border:2px dashed #777;margin:12px 0 0;background:#fff8b5}.webmaster-note>span{font-size:31px}.webmaster-note p{font-size:13px;color:#333;line-height:1.6}.webmaster-note b{color:blue;font-family:'Gungsuh',serif;font-size:16px}footer{border-top:1px solid #999;text-align:center;padding:13px 0 20px;margin-top:12px;font-size:12px;color:#555;line-height:1.8}footer>span{display:block}footer b{font-weight:400;margin-left:10px}.collection-head{text-align:center;padding:25px 0 15px;background:linear-gradient(120deg,#ffff99,#aafffa,#ffbdf8);border:3px double blue;margin-top:10px}.collection-head h1{font-family:'Gungsuh',serif;color:blue;text-shadow:3px 3px #00ffff;font-size:43px;margin:12px 0;transform:rotate(-3deg)}.collection-head em{font-style:normal;color:#e000b0;text-shadow:3px 3px yellow}.collection-head p{color:#000;font-size:14px}.collection-progress{padding:14px;background:#ffffc5;border:3px ridge #aaa;margin:12px 0;color:#000}.collection-progress>span{font-weight:bold;color:blue}.collection-progress>div{height:15px;background:#fff;border:2px inset #ddd;margin:10px 0}.collection-progress i{display:block;height:100%;background:repeating-linear-gradient(90deg,#0000a2 0 9px,#fff 9px 11px)}.collection-progress small{font-size:13px}.collection-tools{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px;gap:10px}.filters{display:flex;gap:4px}.filters button{background:#ccc;color:#000;border:3px outset #eee;padding:6px 13px;font-size:14px}.filters .active{background:yellow;color:red;border-style:inset}.collection-tools label{font-size:13px;color:#000}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.collection-card{text-align:center;border:4px ridge #c6c6c6;background:#fff4fe;padding:15px 8px 10px;position:relative;color:#000}.collection-card .card-icon{font-size:37px;display:block;margin:10px 0}.card-rarity{font:bold italic 20px 'Times New Roman',serif;color:#000099;background:#ffeb00;border:1px solid #e100a2;padding:0 8px}.card-count{position:absolute;right:4px;top:4px;font-size:11px;color:#333;background:white}.collection-card h3{font: bold 16px 'Gungsuh',serif;color:#b0007b;line-height:1.5;margin:10px 0}.collection-card p{font-size:13px;line-height:1.6;margin:7px 0;min-height:35px}.collection-card.locked{background:repeating-linear-gradient(45deg,#eee 0 3px,#e2e2e2 3px 6px);border:3px outset #eee}.locked .card-icon{font-size:31px;color:#aaa;text-shadow:1px 1px white}.locked .card-rarity{background:#fff;color:#555;border-color:#aaa}.locked h3{color:#555;font:14px 'Gulim',sans-serif}.locked p{color:#555}.storage-note{color:#333;text-align:center;font-size:13px;margin-top:20px}.backup-actions{display:flex;justify-content:center;gap:10px;margin-bottom:20px}#empty{text-align:center;color:#555;padding:20px}
dialog{color:#000;background:#c8c8c8;border:6px outset #ddd;padding:0;max-width:620px;width:calc(100% - 28px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:9px 9px #0007;border-radius:0}dialog::backdrop{background:#0009}.reveal-inner{position:relative;text-align:center;overflow:hidden;padding:51px 22px 20px;background:repeating-conic-gradient(from 0deg at 50% 40%,#ffffb3 0 15deg,#ffb8f4 15deg 30deg,#b8faff 30deg 45deg);min-height:420px}.reveal-inner:before{content:'칭호.exe - 축하합니다';position:absolute;left:0;right:0;top:0;text-align:left;font:bold 14px 'Gulim',sans-serif;background:linear-gradient(90deg,#000080,#0087cb);color:#fff;padding:7px 10px}.skip{position:absolute;right:5px;top:32px;z-index:3;font-size:12px}#summoning>.eyebrow{display:block;margin-top:18px;background:yellow}.summon-symbol{font-size:125px;color:red;text-shadow:5px 5px blue;animation:rotate 3s linear infinite;margin:10px 0}#summoning h2{font:40px 'Dokdo',serif;background:white;color:blue;margin:12px 0}#summoning p{font-size:14px;background:#fff9}.loading{width:75%;height:22px;border:3px inset #ddd;background:white;margin:20px auto}.loading i{display:block;height:100%;background:repeating-linear-gradient(90deg,blue 0 10px,#fff 10px 13px);animation:load 3.4s linear forwards}#result-mode{background:yellow;color:#000;font:14px 'Gulim',sans-serif;padding:3px 7px}.result-congrats{font:bold 59px 'Gungsuh',serif;color:#ff00bf;text-shadow:3px 3px #fff,5px 5px blue;transform:rotate(-7deg);margin:20px 0 5px;letter-spacing:4px}.result-icon{font-size:72px;filter:drop-shadow(4px 4px #777);margin:12px}.result-rarity{display:inline-block;background:#0000ad;color:#fff900;border:4px ridge #ffff00;padding:6px 13px;font:bold italic 23px 'Times New Roman',serif;transform:rotate(3deg)}#result-title{font:36px/1.4 'Dokdo','Gungsuh',serif;color:#c80000;background:#fff;border:4px double blue;margin:17px 0 10px;padding:10px 6px;word-break:keep-all;box-shadow:5px 5px #ff00ad}#result-description{display:inline-block;font:17px/1.7 'Gulim',sans-serif;color:#000;background:#ffffc9;margin:8px 0;padding:4px 10px;word-break:keep-all}.result-award{font-size:14px;color:blue;background:#fff;border:1px dashed blue;padding:10px;margin:14px 0}.result-actions{display:flex;justify-content:center;gap:9px;margin:14px 0;flex-wrap:wrap}.gold-button{border:4px outset #ffaffa;background:linear-gradient(#fff,#ff9df2);color:blue;padding:10px 15px;font-weight:bold;font-size:15px}#result>small{font-size:12px;background:#fff;color:#333}#confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}#confetti i{position:absolute;top:-20px;left:var(--x);width:9px;height:15px;background:var(--c);animation:fall var(--d) linear forwards;animation-delay:var(--delay)}#rates{padding:30px 24px;background:#ffffdd}#rates h2{font-family:'Gungsuh',serif;color:blue}.dialog-close{position:absolute;right:5px;top:5px;background:#ccc;border:2px outset #eee;color:#000;font-weight:bold;font-size:23px}#rates-content>div{display:flex;justify-content:space-between;border-bottom:1px dotted #555;padding:12px 0;color:#000080;font-size:16px}#rates p{color:#000;font-size:14px;line-height:1.8}#rates small{font-size:13px;line-height:1.8}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ffffdd;color:black;border:3px outset #ddd;box-shadow:5px 5px #0005;padding:14px 20px;z-index:20;opacity:0;pointer-events:none;font-size:14px;max-width:90vw;width:max-content}#toast.show{opacity:1}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes point{50%{transform:translateX(7px)}}@keyframes wobble{50%{transform:rotate(25deg)}}@keyframes load{from{width:0}to{width:100%}}@keyframes fall{to{transform:translateY(800px) rotate(700deg)}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:900px){header,main{max-width:790px}.draw-layout{grid-template-columns:145px minmax(0,1fr) 145px}.side-panel h2{font-size:23px}.hero-heading h1{font-size:67px}.sticker{left:12px;top:68px;font-size:23px}.sticker strong{font-size:31px}.burst-label{right:12px;padding:25px 15px}.edition{display:none}.junk-banners b{font-size:22px}.right-panel h3{font-size:16px}.machine-top{font-size:14px;gap:6px}.draw-button>span{font-size:26px}}
@media(max-width:600px){header{margin:0;padding:7px 5px}.brand{font-size:14px;gap:5px}.brand small{font-size:10px}.brand-seal{font-size:18px;padding:3px}.header-actions{gap:3px}.header-actions .small-btn{font-size:11px;padding:4px}.ticker{font-size:12px;padding:5px}.ticker span{display:none}main{padding:6px 7px 0}.tab{font-size:14px;flex:1;padding:7px 3px}.tab span{font-size:12px;margin-left:3px}.welcome-line{font-size:10px}.welcome-line b{font-size:13px}.hero-heading{padding:12px 0 15px;border-width:4px}.hero-heading>.eyebrow{font-size:12px;padding:3px}.hero-heading h1{font-size:44px;letter-spacing:-4px;margin:16px 0 12px}.hero-heading h1>span{font-size:32px;letter-spacing:2px;margin-right:40px;line-height:1.2}.subtitle{font-size:14px;margin-top:20px}.sticker{top:53px;left:6px;padding:7px 4px;border-width:2px;font-size:18px}.sticker strong{font-size:24px}.burst-label{top:47px;right:5px;font-size:10px;padding:17px 12px}.burst-label b{font-size:21px}.flying-star{font-size:29px;left:2%;bottom:5px}.hero-heading:before{font-size:21px;top:40px}.hero-heading:after{display:none}.festival-strip{font-size:17px;padding:7px 3px;border-width:3px}.festival-strip span{font-size:11px;max-width:250px;text-align:center}.notice-row{gap:7px;font-size:12px;padding:8px 1px}.notice-row>span:last-child{font-size:10px;max-width:120px}.new-label{font-size:15px}.draw-layout{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.machine{grid-column:1/-1;grid-row:1;padding:5px;border-width:6px}.machine-screen{min-height:230px}.machine-top{font-size:15px}.draw-button>span{font-size:29px}.side-panel{padding:5px;border-width:3px;min-width:0}.side-panel h2{font-size:23px;margin:9px 0 5px}.side-panel p{font-size:12px;line-height:1.5}.label-red,.label-gold{font-size:12px;padding:4px 1px}.zero{font-size:39px;margin:0}.zero small{font-size:11px}.ticket-stamp{font-size:21px;margin:8px 0;padding:5px 9px;border-width:3px}.ticket-stamp small{font-size:11px}.side-caption{font-size:10px}.legend-icon{font-size:40px;margin:2px 0}.right-panel h2{font-size:25px;margin-top:5px}.right-panel h3{font-size:14px}.ssr-label{font-size:29px;margin:2px 0}.right-panel p{font-size:12px}.text-button{font-size:12px;margin:5px}.tiny{font-size:10px}.under-machine{font-size:12px;gap:10px;padding:10px 4px}.under-machine>span{width:100%;text-align:center}.under-machine button{font-size:12px}.junk-banners{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.junk-banners>div:last-child{grid-column:1/-1;transform:rotate(-1deg);flex-direction:row;align-items:center;justify-content:center;gap:15px;padding:4px}.junk-banners b{font-size:21px}.junk-banners>div:nth-child(2) strong{font-size:27px}.junk-banners span{font-size:10px}.stats span{font-size:11px}.stats strong{font-size:21px;padding:3px 5px}.stats small{font-size:11px}.how{font-size:12px}.how i{margin:0 7px}.webmaster-note{gap:8px;padding:0 5px}.webmaster-note>span{font-size:23px}.webmaster-note p{font-size:11px}.webmaster-note b{font-size:14px}footer{font-size:11px}.collection-head h1{font-size:34px}.collection-head p{font-size:12px}.collection-progress{padding:10px}.collection-progress small{font-size:12px}.collection-tools{flex-wrap:wrap}.filters button{font-size:13px;padding:5px 12px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card h3{font-size:15px}.collection-card p{font-size:12px}.storage-note{font-size:12px;line-height:1.7}.reveal-inner{padding:50px 12px 17px}.result-congrats{font-size:43px}.result-rarity{font-size:20px}.result-icon{font-size:60px}#result-title{font-size:31px}#result-description{font-size:14px}.result-award{font-size:13px;line-height:1.6}#result-mode{font-size:12px}.result-actions{gap:6px}.gold-button{font-size:14px;padding:8px}.result-actions .small-btn{font-size:13px}#result>small{font-size:11px}}

.tab span{display:inline-block;white-space:nowrap}@media(max-width:600px){.tab{font-size:13px}.tab span{font-size:11px}}
/* 추첨기 공연부 / 실제 지급은 한 개 */
#reveal{max-width:760px}
.show-rays,.fanfare-strip,#impact-word,.prize-seal{display:none;pointer-events:none}
.showtime .reveal-inner{isolation:isolate;background:#ffef92}
.showtime .show-rays{display:block;position:absolute;inset:-120%;z-index:-1;background:repeating-conic-gradient(#ff98dc 0deg 12deg,#fff64b 12deg 24deg,#86edff 24deg 36deg);animation:rotate 12s linear infinite}
.show-reels{display:flex;gap:12px;justify-content:center;margin:58px auto 28px;max-width:420px;perspective:500px}
.reel-letter{width:30%;height:150px;display:grid;place-items:center;background:linear-gradient(#666,#fff 25%,#fff 75%,#999);border:8px ridge #eee;color:#e0007b;font:bold italic 110px 'Times New Roman',serif;text-shadow:4px 4px #0012ba;animation:reel-rattle .16s linear infinite}
.reel-letter.stopped{animation:reel-land .4s ease-out;transform:rotate(-4deg);color:red}
.reel-letter.stopped:nth-child(2){transform:rotate(4deg)}
.showtime .fanfare-strip{display:block;position:absolute;left:-20%;width:140%;top:40px;white-space:nowrap;background:blue;color:yellow;font:bold 25px 'Gungsuh',serif;border:5px ridge #ffff00;padding:9px;transform:rotate(-7deg);z-index:0;animation:banner-enter .6s ease-out}
.showtime #summoning,.showtime #result{position:relative;z-index:1}
.showtime #summoning>.eyebrow{margin-top:20px;font-size:20px;background:transparent}
.showtime #summoning h2{font:bold 40px 'Gungsuh',serif;border:5px double red;transform:rotate(3deg);margin:10px 20px}
.showtime .loading{margin-bottom:10px}
.showtime.reel-stop .reveal-inner{animation:machine-bump .55s ease-out}
.showtime.landed #impact-word{display:grid;place-items:center;position:absolute;inset:0;z-index:5;font:bold clamp(70px,15vw,130px) 'Gungsuh',serif;color:#ff005b;-webkit-text-stroke:2px yellow;text-shadow:6px 6px blue;animation:impact-stamp 1s both}
.showtime.landed #result{animation:card-enter .8s .25s both}
.showtime.landed .result-congrats{font-size:65px;animation:congrats-rock 1.8s ease-in-out 3}
.showtime.landed .result-icon{animation:icon-land .9s cubic-bezier(.2,1.5,.5,1) both}
.showtime.landed .prize-seal{display:block;position:absolute;right:12px;top:150px;z-index:2;border:6px double red;background:#fffa;color:red;padding:10px;font:bold 25px 'Gungsuh',serif;transform:rotate(17deg);animation:seal-stamp .5s .9s both}
.showtime.landed .fanfare-strip{top:35px;font-size:21px}
.showtime.landed #result-mode{display:inline-block;margin-top:28px}
.showtime[data-rarity=SR] .result-rarity{background:#8000cc;box-shadow:0 0 0 6px #ff8be1,0 0 30px #ff00db}
.showtime[data-rarity=SSR] .result-rarity{background:red;color:yellow;border:6px ridge gold;font-size:30px;box-shadow:0 0 0 8px blue,0 0 40px gold;animation:congrats-rock 2s ease-in-out 3}
.showtime[data-rarity=SSR] #result-title{background:linear-gradient(100deg,#ffffa1,#fff,#ffff00);border:8px double red}
.showtime[data-rarity=SSR] .show-rays{background:repeating-conic-gradient(#fff388 0deg 10deg,#ffb629 10deg 20deg,#ff81cf 20deg 30deg)}
#result-description:empty,.collection-card p:empty,#result>small:empty{display:none}
.reduce-motion .show-rays,.reduce-motion .fanfare-strip,.reduce-motion #impact-word,.reduce-motion .prize-seal{display:none!important}
@keyframes reel-rattle{0%{transform:translateY(-3px) rotateX(8deg)}100%{transform:translateY(3px) rotateX(-8deg)}}
@keyframes reel-land{0%{transform:scale(1.3)}70%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes banner-enter{from{translate:-100% 0}to{translate:0 0}}
@keyframes machine-bump{20%{translate:-7px 3px}40%{translate:7px -3px}60%{translate:-4px 2px}80%{translate:4px -2px}100%{translate:0 0}}
@keyframes impact-stamp{0%{opacity:0;transform:scale(4) rotate(-25deg)}25%{opacity:1;transform:scale(1) rotate(-12deg)}65%{opacity:1;transform:scale(1.1) rotate(-12deg)}100%{opacity:0;transform:scale(1.5) rotate(-12deg);visibility:hidden}}
@keyframes card-enter{from{opacity:0;transform:translateY(70px) rotate(12deg) scale(.5)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes icon-land{from{transform:translateY(-200px) rotate(-180deg) scale(2)}to{transform:translateY(0) rotate(0) scale(1)}}
@keyframes seal-stamp{from{opacity:0;transform:scale(3) rotate(35deg)}to{opacity:1;transform:scale(1) rotate(17deg)}}
@keyframes congrats-rock{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@media(max-width:600px){.show-reels{gap:8px;margin-top:55px}.reel-letter{height:110px;font-size:76px;border-width:5px}.showtime .fanfare-strip{font-size:18px}.showtime.landed .result-congrats{font-size:44px}.showtime.landed .prize-seal{font-size:16px;padding:5px;top:150px;right:8px;border-width:4px}.showtime #summoning h2{font-size:30px;margin:10px 0}.showtime[data-rarity=SSR] .result-rarity{font-size:22px}.showtime.landed .fanfare-strip{font-size:16px}}

.share-preview{background:#fff;border:1px solid #999;text-align:left;padding:10px;margin:14px 0;color:#222;font:13px/1.6 Gulim,sans-serif}.share-preview summary{cursor:pointer;color:blue}.share-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:10px 0 0}

.result-rarity{max-width:100%;font-size:38px;padding:4px 26px}.showtime[data-rarity=SSR] .result-rarity{font-size:50px}

/* 자랑하기 */
.share-box{background:#fff;border:4px ridge #ff4fd8;margin:14px 0 6px;padding:0 10px 10px;box-shadow:5px 5px #0000a0}
.share-head{background:linear-gradient(90deg,#ff0080,#ffd400,#00d0ff,#ff0080);color:#fff;font:bold 20px 'Gungsuh',serif;text-shadow:2px 2px #000;margin:0 -10px 10px;padding:6px;letter-spacing:3px}
.share-native{display:block;width:100%;margin:0 0 10px;padding:14px;font:bold 20px 'Gungsuh',serif;color:#fff200;background:linear-gradient(#ff3d3d,#b30000);border:5px outset #ff9a9a;text-shadow:2px 2px #000}
.share-native[hidden]{display:none}
.sns-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sns-buttons button{padding:11px 2px;font:bold 15px 'Gulim',sans-serif;color:#fff;border:4px outset #ccc;text-shadow:1px 1px #000;word-break:keep-all}
.sns-buttons button:active,.share-native:active{border-style:inset}
.sns-x,.sns-threads{background:#111;border-color:#777!important}.sns-bluesky{background:#1185fe;border-color:#8cc4ff!important}.sns-facebook{background:#1877f2;border-color:#9cc2ff!important}.sns-line{background:#06c755;border-color:#8ee8b3!important}
.share-tools{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:10px}.share-tools .gold-button{padding:8px 11px;font-size:14px}
.share-box .share-preview{margin:10px 0 0}
.shared-title{position:relative;text-align:center;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff69c 0 12deg,#ffc6f3 12deg 24deg);border:6px ridge gold;margin:12px 0;padding:18px 12px 16px;box-shadow:6px 6px #0000a0}
.shared-tag{display:inline-block;background:#0000a0;color:#ff0;font:bold 16px 'Gungsuh',serif;padding:4px 12px;transform:rotate(-3deg)}
.shared-icon{font-size:56px;margin:8px 0 2px}
.shared-rarity{display:inline-block;background:var(--rarity);border:3px ridge #fff;font:bold italic 22px 'Times New Roman',serif;padding:2px 14px;color:#000}
.shared-title strong{display:block;font:34px/1.35 'Dokdo','Gungsuh',serif;color:#c80000;background:#fff;border:4px double blue;margin:10px auto;max-width:520px;padding:6px;word-break:keep-all}
.shared-draw{font:bold 20px 'Gungsuh',serif;color:#fff200;background:linear-gradient(#ff3d3d,#b30000);border:5px outset #ff9a9a;padding:10px 22px;text-shadow:2px 2px #000}
@media(max-width:600px){.sns-buttons{grid-template-columns:repeat(3,1fr)}.sns-line{grid-column:span 2}.shared-title strong{font-size:28px}}

/* 추첨기 공연부 2막 / 리치·컷인·확정·불꽃 */
#cutin,#big-rarity,#flash,.side-marquee{display:none;pointer-events:none}
.reveal-inner.shake{animation:machine-bump .5s ease-out}
#flash{position:absolute;inset:0;z-index:7;background:#fff;opacity:0}
#flash.go{display:block;animation:flash .45s ease-out both}
.showtime.blackout #flash{display:block;background:#000;opacity:1;animation:none}
#cutin{position:absolute;left:0;right:0;top:36%;z-index:8}
#cutin.go{display:block;animation:cutin-slide 1s both}
#cutin span{display:block;transform:skewY(-6deg);font:bold clamp(46px,11vw,92px)/1.15 'Gungsuh',serif;padding:10px 0;border-block:7px solid #fff;color:#ffe600;background:#0026ff;-webkit-text-stroke:2px #000;text-shadow:5px 5px #000;white-space:nowrap;letter-spacing:6px;box-shadow:0 0 0 4px #000}
#cutin[data-kind=N] span{background:#ffe600;color:#ff1a1a}
#cutin[data-kind=R] span{background:#0050ff;color:#fff}
#cutin[data-kind=SR] span{background:#e00000;color:#ffef00}
#cutin[data-kind=SSR] span{background:linear-gradient(90deg,#ff0040,#ff9900,#ffe600,#39ff14,#00e5ff,#7a00ff,#ff00d4);color:#fff;animation:hue 1s linear infinite}
#cutin[data-kind=premium] span{background:#000;color:#ffd700;border-color:#ffd700;-webkit-text-stroke:2px #fff7b0;text-shadow:0 0 18px #ffd700,4px 4px #8a5a00;letter-spacing:12px}
#big-rarity{position:absolute;inset:0;z-index:6;place-items:center;align-content:center;gap:6px}
#big-rarity.go{display:grid;animation:big-in 1.4s both}
#big-rarity b{font:italic bold clamp(120px,30vw,220px)/1 'Times New Roman',serif;background:linear-gradient(#fff700 10%,#ff00a0 55%,#00e5ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #000;filter:drop-shadow(7px 7px 0 #0000c0)}
#big-rarity small{font:bold clamp(34px,8vw,54px) 'Gungsuh',serif;color:red;background:#ff0;padding:0 18px;border:5px double red;transform:rotate(-4deg)}
.showtime.reach .reveal-inner{animation:alarm .5s steps(1) infinite}
.showtime.reach #summon-text{color:#fff;background:red;border-color:#ff0;-webkit-text-stroke:1px #000;animation:pulse .25s ease-in-out infinite alternate}
.showtime.reach .reel-letter:not(.stopped){border-color:#ff2d2d;box-shadow:0 0 18px red}
.showtime.jackpot .show-rays{animation:rotate 3s linear infinite,hue 2.5s linear infinite}
.showtime.jackpot .reel-letter{color:#ff0;background:linear-gradient(#b30000,#ff3d3d 30%,#ff3d3d 70%,#7a0000);text-shadow:4px 4px #000,0 0 20px #ff0}
.showtime.landed .side-marquee{display:block;position:absolute;top:0;bottom:0;width:30px;z-index:2;overflow:hidden;background:repeating-linear-gradient(#e00000 0 24px,#ffe600 24px 48px);border-inline:3px solid #000}
.side-marquee.left{left:0}.side-marquee.right{right:0}
.side-marquee span{display:block;writing-mode:vertical-rl;white-space:nowrap;height:max-content;font:bold 20px 'Gungsuh',serif;color:#fff;-webkit-text-stroke:1px #000;text-shadow:2px 2px #000;margin:auto;animation:marquee-v 24s linear infinite}
.side-marquee.right span{animation-direction:reverse}
.showtime.landed .reveal-inner{padding-inline:40px}
#fireworks{position:absolute;inset:0;pointer-events:none;z-index:3}
.burst{position:absolute;left:var(--x);top:var(--y)}
.burst b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);opacity:0;animation:spark 1.1s var(--delay) ease-out 3}
#confetti i.coin{width:auto;height:auto;background:none;font-size:28px;filter:drop-shadow(2px 2px #0006)}
.pop-word{display:inline-block;white-space:nowrap}
.pop-char{display:inline-block;animation:char-pop .5s calc(.9s + var(--i)*.07s) cubic-bezier(.2,1.8,.5,1) both}
.showtime[data-rarity=SR] .pop-char,.showtime[data-rarity=SSR] .pop-char{animation:char-pop .5s calc(.9s + var(--i)*.07s) cubic-bezier(.2,1.8,.5,1) both,rainbow-text 1.2s calc(var(--i)*-.1s) steps(6) infinite}
.showtime.landed .result-congrats{animation:congrats-rock 1.8s ease-in-out 3,rainbow-text 1.2s steps(6) infinite}
.showtime.landed .result-icon{animation:icon-land .9s cubic-bezier(.2,1.5,.5,1) both,icon-spin 2.4s 1.2s ease-in-out infinite}
.showtime[data-rarity=SSR].landed .side-marquee{background:repeating-linear-gradient(#ffd700 0 24px,#000 24px 48px)}
.reduce-motion #cutin,.reduce-motion #big-rarity,.reduce-motion #flash,.reduce-motion .side-marquee,.reduce-motion #fireworks{display:none!important}
@keyframes flash{from{opacity:.95}to{opacity:0}}
@keyframes cutin-slide{0%{transform:translateX(110%)}14%{transform:translateX(-4%)}20%{transform:translateX(0)}82%{transform:translateX(0) scale(1.04)}100%{transform:translateX(-115%)}}
@keyframes big-in{0%{opacity:0;transform:scale(6) rotate(-25deg)}22%{opacity:1;transform:scale(1) rotate(-6deg)}30%{transform:scale(1.15) rotate(-6deg)}38%,85%{opacity:1;transform:scale(1) rotate(-6deg)}100%{opacity:0;transform:scale(.7) rotate(-6deg);visibility:hidden}}
@keyframes alarm{0%{box-shadow:inset 0 0 0 10px red}50%{box-shadow:inset 0 0 0 10px #ffe600}}
@keyframes pulse{to{transform:rotate(3deg) scale(1.08)}}
@keyframes hue{to{filter:hue-rotate(360deg)}}
@keyframes marquee-v{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.4)}70%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(95px) translateY(25px) scale(.4)}}
@keyframes char-pop{from{opacity:0;transform:translateY(-70px) scale(2.6) rotate(-35deg)}to{opacity:1;transform:none}}
@keyframes rainbow-text{0%{color:#ff0040}17%{color:#ff8a00}33%{color:#e6c800}50%{color:#00b84a}67%{color:#0077ff}83%{color:#a400ff}}
@keyframes icon-spin{0%,70%{transform:none}85%{transform:rotateY(180deg) scale(1.2)}100%{transform:rotateY(360deg)}}
@media(max-width:600px){.showtime.landed .reveal-inner{padding-inline:30px}.showtime.landed .side-marquee{width:22px}.side-marquee span{font-size:15px}#cutin span{letter-spacing:2px}#cutin[data-kind=premium] span{letter-spacing:5px}}

/* 메인 페이지 호객부 / 연출 끄기면 퇴근 */
.ticker>div{display:inline-block}
body:not(.reduce-motion) .ticker{text-align:left}
body:not(.reduce-motion) .ticker>div{padding-left:100%;animation:ticker 22s linear infinite}
.live-strip{display:flex;align-items:center;justify-content:center;gap:8px;background:#000;color:#fff;font:bold 15px 'Gulim',sans-serif;padding:6px;border:3px ridge #ff0;margin-bottom:8px}
.live-strip b{color:#39ff14;font:bold 19px 'Courier New',monospace;min-width:72px;text-align:right}
.live-dot{color:red;animation:blink 1s steps(1) infinite}
.hot{background:red;color:#ff0;padding:1px 6px;font-size:13px;animation:blink .8s steps(1) infinite}.hot2{background:#ff00c8;color:#fff;animation-delay:.4s}
.reduce-motion .live-strip{display:none}
.deadline{margin:10px auto 0;display:inline-block;background:#000;color:#ff0;font:bold 15px 'Gulim',sans-serif;padding:5px 12px;border:3px solid red}
.deadline b{color:#ff3b3b;font:bold 22px 'Courier New',monospace;margin-left:6px}
body:not(.reduce-motion) .deadline b{animation:blink 1s steps(1) infinite}
body:not(.reduce-motion) .draw-button{position:relative;animation:btn-glow .9s ease-in-out infinite alternate}
body:not(.reduce-motion) .draw-button:after{content:'CLICK!!';position:absolute;top:-16px;right:-8px;background:red;color:#ff0;border:3px solid #ff0;font:bold 15px 'Gulim',sans-serif;padding:3px 8px;text-shadow:none;animation:click-me .45s ease-in-out infinite alternate}
body:not(.reduce-motion) .draw-button:before{content:'👉';position:absolute;left:-14px;top:50%;font-size:34px;text-shadow:none;animation:point-hand .6s ease-in-out infinite alternate}
body:not(.reduce-motion) .hero-heading h1{animation:hue 5s linear infinite}
body:not(.reduce-motion) .new-label{animation:blink .7s steps(1) infinite}
#fake-wins{position:fixed;left:12px;bottom:12px;z-index:15;display:grid;gap:8px;pointer-events:none;max-width:min(320px,calc(100vw - 24px))}
.fake-win{background:#fffde3;color:#000;border:3px outset #ddd;box-shadow:4px 4px #0005;padding:9px 12px;font:13px/1.5 'Gulim',sans-serif;animation:win-in 5.6s both}
.fake-win span{display:inline-block;color:#000;font:bold italic 13px 'Times New Roman',serif;padding:0 5px;border:1px solid #000}
.reduce-motion #fake-wins{display:none}
.trail{position:fixed;z-index:30;pointer-events:none;font-size:18px;translate:-50% -50%;text-shadow:1px 1px #000;animation:trail .8s ease-out forwards}
/* 결과 창 영업부 */
.scam-box{display:none}
.showtime .scam-box{display:grid;gap:6px;margin:12px 0}
.scam-box>div{background:#000;color:#fff;font:bold 15px 'Gulim',sans-serif;padding:7px;border:3px ridge gold}
.value-line b{display:block;color:#ffe600;font:bold clamp(26px,7vw,40px) 'Courier New',monospace;text-shadow:0 0 12px #ffb300}
.value-line small{color:#aaa;font-size:11px;font-weight:normal}
.claim-line{background:#c00000!important}.claim-line b{color:#ff0;font:bold 22px 'Courier New',monospace;margin-left:6px;animation:blink 1s steps(1) infinite}.claim-line b.extended{color:#39ff14}
.watch-line b{color:#39ff14}
.fake-popup{position:absolute;z-index:9;left:50%;top:44%;width:min(320px,86%);translate:-50% -50%;background:#c0c0c0;border:3px outset #fff;box-shadow:8px 8px #0008;color:#000;text-align:center;animation:popup-in .35s cubic-bezier(.2,1.6,.5,1) both}
.fake-popup[hidden]{display:none}
.fp-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font:bold 13px 'Gulim',sans-serif;padding:3px 3px 3px 7px}
.fp-x{background:#c0c0c0;border:2px outset #fff;font:bold 13px/1 sans-serif;padding:1px 5px}
.fp-body{display:flex;gap:10px;align-items:center;padding:14px 12px 4px;text-align:left}
.fp-icon{font-size:42px;animation:icon-spin 1.6s ease-in-out infinite}
.fp-body p{margin:0;font:15px/1.5 'Gulim',sans-serif}.fp-body b{color:#d00000;font-size:19px}
.fake-popup small{display:block;color:#555;font-size:11px;margin-bottom:6px}
.fp-ok{margin:0 0 12px;padding:8px 18px;font:bold 16px 'Gungsuh',serif;color:#ff0;background:linear-gradient(#ff3d3d,#b30000);border:4px outset #ff9a9a;text-shadow:1px 1px #000;animation:click-me .5s ease-in-out infinite alternate}
@keyframes ticker{to{transform:translateX(-100%)}}
@keyframes blink{50%{opacity:0}}
@keyframes btn-glow{from{box-shadow:0 0 0 3px #ff0,0 0 12px 4px #ff00c8}to{box-shadow:0 0 0 6px #00e5ff,0 0 34px 14px #ff00c8}}
@keyframes click-me{from{transform:rotate(10deg) scale(1)}to{transform:rotate(-4deg) scale(1.18)}}
@keyframes point-hand{from{transform:translate(-30px,-50%)}to{transform:translate(-12px,-50%)}}
@keyframes win-in{0%{opacity:0;transform:translateX(-120%)}8%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(20px)}}
@keyframes trail{to{opacity:0;transform:translateY(26px) scale(.3) rotate(180deg)}}
@keyframes popup-in{from{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
@media(max-width:600px){.live-strip{font-size:12px;gap:5px}.live-strip b{font-size:15px;min-width:56px}.hot{font-size:11px}.deadline{font-size:12px;padding:4px 8px}.deadline b{font-size:17px}body:not(.reduce-motion) .draw-button:before{font-size:26px;left:-6px}.fake-win{font-size:12px;padding:7px 9px}}

/* 광고부 */
.fake-ad{position:relative;display:block;width:100%;cursor:pointer;color:#000;text-align:center;font-family:'Gulim',sans-serif;border:3px outset #ddd;box-shadow:4px 4px #0004}
.ad-mark{position:absolute;top:2px;right:3px;background:#ffffffcc;color:#555;font:bold 9px sans-serif;padding:0 3px;border:1px solid #999}
.ad-btn{display:inline-block;background:linear-gradient(#fff,#ccc);border:2px outset #eee;padding:2px 9px;font:bold 14px 'Gulim',sans-serif;color:#00a;margin-left:6px}
.ad-virus{margin:12px 0;padding:12px 26px 12px 10px;background:#fff200;border:8px solid;border-image:repeating-linear-gradient(-45deg,#111 0 10px,#ffe600 10px 20px) 8;font-size:16px;line-height:1.8}
.ad-virus b{background:#d00000;color:#fff;padding:1px 6px}.ad-virus strong{color:#d00000;font-size:19px}
.ad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.ad-grid .fake-ad{display:grid;align-content:center;gap:3px;padding:12px 6px;min-height:118px;font-size:13px}
.ad-grid b{font:bold 20px/1.2 'Gungsuh',serif}
.ad-loan{background:linear-gradient(#0a8f2a,#06501a);color:#fff}.ad-loan b{color:#ff0}.ad-loan strong{background:#ff0;color:#d00000;padding:2px}
.ad-secret{background:#000;color:#fff}.ad-secret b{color:#ff3bd5;font-size:22px}.ad-secret small{color:#888}
.ad-sale{background:#ff0;color:#000;border-color:#f00}.ad-sale b{color:#d00000}.ad-sale strong{color:#d00000;font-size:22px}.ad-sale em{font-style:normal;background:#d00000;color:#fff;font-weight:bold;justify-self:center;padding:1px 8px;transform:rotate(-6deg)}
.ad-job{background:linear-gradient(135deg,#7a00ff,#ff00c8);color:#fff}.ad-job b{color:#fff200}.ad-job strong{font-size:18px;color:#39ff14}
.ad-near{margin:12px 0;padding:12px 24px;background:linear-gradient(90deg,#ffd0f1,#ff7ad9,#ffd0f1);font-size:16px;color:#600040}.ad-near b{color:#d00060}
.float-ad{position:fixed;right:10px;top:42%;z-index:14;width:128px}
.float-ad[hidden]{display:none}
.float-x{position:absolute;top:-10px;left:-10px;z-index:2;width:24px;height:24px;border-radius:50%;background:#000;color:#fff;border:2px solid #fff;font:bold 14px/1 sans-serif;padding:0}
.float-body{display:grid!important;gap:5px;padding:12px 6px;background:linear-gradient(#ff2a2a,#a30000);color:#fff;border:4px ridge #ffd700!important;font-size:14px}
.float-body b{font:bold 18px/1.2 'Gungsuh',serif;color:#ff0}.float-gift{font-size:38px}.float-body .ad-btn{margin:0;font-size:13px}
body:not(.reduce-motion) .ad-virus{animation:ad-shake 2.4s ease-in-out infinite}
body:not(.reduce-motion) .ad-virus .ad-btn,body:not(.reduce-motion) .ad-near .ad-btn,body:not(.reduce-motion) .float-body .ad-btn{animation:blink .7s steps(1) infinite}
body:not(.reduce-motion) .ad-sale strong{display:inline-block;animation:click-me .4s ease-in-out infinite alternate}
body:not(.reduce-motion) .ad-secret b{animation:rainbow-text 1s steps(6) infinite}
body:not(.reduce-motion) .ad-near{background-size:200% 100%;animation:ad-slide 2s linear infinite}
body:not(.reduce-motion) .float-ad{animation:float-bob 1.6s ease-in-out infinite alternate}
body:not(.reduce-motion) .float-gift{animation:icon-spin 1.4s ease-in-out infinite}
@keyframes ad-shake{0%,82%,100%{transform:none}85%{transform:translateX(-6px) rotate(-1deg)}90%{transform:translateX(6px) rotate(1deg)}95%{transform:translateX(-3px)}}
@keyframes ad-slide{to{background-position:200% 0}}
@keyframes float-bob{to{transform:translateY(-14px) rotate(3deg)}}
@media(max-width:900px){.float-ad{width:104px;right:4px}.float-body b{font-size:15px}.float-gift{font-size:30px}}
@media(max-width:600px){.ad-grid{grid-template-columns:1fr 1fr}.ad-grid .fake-ad{min-height:100px}.ad-grid b{font-size:17px}.ad-virus,.ad-near{font-size:13px}.ad-btn{font-size:12px}.float-ad{width:86px;top:auto;bottom:90px}.float-body{padding:8px 3px;font-size:11px}.float-body b{font-size:13px}.float-gift{font-size:24px}}

#why-popup{position:fixed;left:50%;top:50%;z-index:40;translate:-50% -50%;width:min(360px,calc(100vw - 32px));background:#c0c0c0;border:3px outset #fff;box-shadow:10px 10px #000a;text-align:center;pointer-events:none}
#why-popup[hidden]{display:none}
#why-popup p{margin:0;padding:28px 12px;font:bold clamp(32px,9vw,46px) 'Gungsuh',serif;color:#d00000;background:#fff;border:2px inset #ddd;margin:8px}
#why-popup.go{animation:why-in .3s cubic-bezier(.2,1.8,.5,1) both}
body:not(.reduce-motion) #why-popup.go p{animation:machine-bump .5s .3s ease-out}
@keyframes why-in{from{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}