:root{--plum: #2B1638;--plum-2: #3B2150;--plum-line: #5a3a72;--cobalt: #2747C9;--cobalt-2: #1B2F8F;--pink: #FF5FA2;--brass: #E9B949;--ink: #FFF3FA;--muted: #C9B4DA}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--plum);color:var(--ink);font-family:Noto Sans KR,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit}button:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.jua{font-family:Jua,Noto Sans KR,sans-serif;font-weight:400}.home{max-width:980px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top,0px)) 16px 40px;min-height:100%;overflow:auto}.home-head h1{font-family:Jua,sans-serif;font-weight:400;font-size:34px;margin:0 0 8px;color:var(--brass)}.home-head p{margin:0 0 24px;color:var(--muted);line-height:1.7;max-width:56ch}.game-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.game-card{width:100%;height:100%;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;background:var(--plum-2);color:var(--ink);border:2px solid var(--plum-line);border-top:6px solid var(--accent);border-radius:16px;padding:18px;transition:transform .15s,border-color .15s}.game-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent)}.game-card:disabled{opacity:.5;cursor:default}.game-card strong{font-family:Jua,sans-serif;font-weight:400;font-size:24px}.game-tag{align-self:flex-start;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--plum);font-weight:700}.game-desc{font-size:14px;color:var(--muted);line-height:1.6;flex:1}.game-go{font-family:Jua,sans-serif;font-size:17px;color:var(--brass)}.home-foot{margin-top:28px;font-size:12px;color:var(--muted);text-align:center}.game{height:100%;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.game-head{display:flex;align-items:center;gap:12px;padding:10px 16px}.game-head h1{font-family:Jua,sans-serif;font-weight:400;font-size:22px;margin:0;color:var(--brass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back{flex:none;width:36px;height:36px;border-radius:999px;border:0;background:var(--cobalt-2);color:var(--ink);font-size:18px;cursor:pointer}.stats{margin-left:auto;display:flex;gap:14px;font-size:14px;color:var(--muted);flex:none}.stats b{font-family:Jua,sans-serif;font-weight:400;font-size:20px;color:var(--ink);margin-left:4px}.stage{position:relative;flex:1;min-height:0}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.timer{position:absolute;left:12px;top:10px;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer .tr-bg{fill:#2b1638d1;stroke:#4a2d62;stroke-width:6}.timer .tr-fg{fill:none;stroke:var(--brass);stroke-width:6;stroke-linecap:round;stroke-dasharray:169.6;transition:stroke-dashoffset .2s linear,stroke .2s}.timer b{position:relative;font-family:Jua,sans-serif;font-weight:400;font-size:24px;line-height:1}.timer small{position:relative;font-size:10px;color:var(--muted)}.timer.warn .tr-fg{stroke:#ff4d6d}.timer.warn b{color:#ff8fa3;animation:pulse .5s ease-in-out infinite alternate}.timer.idle{opacity:.55}@keyframes pulse{to{transform:scale(1.18)}}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%) scale(.6);opacity:0;pointer-events:none;white-space:nowrap;z-index:2;font-family:Jua,sans-serif;font-size:56px;color:var(--brass);text-shadow:0 4px 0 #8a2a58,0 0 24px rgba(255,95,162,.6);transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s}.toast.on{opacity:1;transform:translate(-50%) scale(1)}.hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:var(--muted);background:#2b1638b3;padding:6px 10px;border-radius:8px;max-width:70%;pointer-events:none}.debug{position:absolute;right:12px;top:10px;font:12px/1.5 Noto Sans KR,sans-serif;background:#2b1638d1;padding:8px 10px;border-radius:8px;border:1px solid var(--plum-line);white-space:pre;pointer-events:none}.pick{position:absolute;left:50%;top:12px;transform:translate(-50%);background:#ffb347;color:#3a2150;padding:8px 14px;border-radius:999px;font-size:14px;white-space:nowrap;z-index:2}.err{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--plum);line-height:1.7;z-index:3}.coins{display:flex;gap:6px;align-items:center;justify-content:center;padding:8px 12px;background:var(--cobalt-2);flex-wrap:wrap}.coins button{border:0;border-radius:999px;padding:7px 12px;font-family:Jua,sans-serif;font-size:15px;cursor:pointer;color:#3a2150;background:linear-gradient(#ffe39a,#e9b949);box-shadow:0 3px #a37a1c}.coins button.bill{background:linear-gradient(#d9f5d1,#9fd38f);box-shadow:0 3px #5d8f50}.coins button:active{transform:translateY(2px);box-shadow:none}.coins .bank{font-size:12px;color:#c9d3ff;margin-left:4px}.deck{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px 16px;background:var(--cobalt);border-top:4px solid var(--pink)}.stick{position:relative;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#2c45b8,#14257a);box-shadow:inset 0 6px 14px #00000073,0 0 0 5px var(--cobalt-2);touch-action:none;cursor:grab;flex:none}.stick-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:2px dashed rgba(255,255,255,.18)}.knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9cc6,var(--pink) 55%,#b8336f);box-shadow:0 6px #8a2a58,0 10px 16px #00000059;transition:transform .12s ease-out}.knob span{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ffffff59}.stick.active .knob{transition:none}.right{display:flex;flex-direction:column;align-items:center;gap:10px}.drop{width:112px;height:112px;border-radius:50%;border:0;background:var(--pink);color:#fff;font-family:Jua,sans-serif;cursor:pointer;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 8px #a8326a,0 0 0 6px var(--cobalt-2)}.drop svg{width:46px;height:46px}.drop span{font-size:18px;line-height:1}.drop:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #a8326a,0 0 0 6px var(--cobalt-2)}.drop:disabled{background:#8d6a80;box-shadow:0 8px #5d4253,0 0 0 6px var(--cobalt-2);cursor:default}.mini{display:flex;gap:8px}.mini button:disabled{opacity:.45;cursor:default}.mini button.staff{background:var(--brass);color:var(--plum);font-weight:700}.mini button{white-space:nowrap;border:0;border-radius:999px;background:var(--cobalt-2);color:var(--ink);padding:7px 12px;font-size:13px;cursor:pointer}.two{display:flex;gap:12px}.two button{width:96px;height:96px;border-radius:20px;border:0;font-family:Jua,sans-serif;font-size:30px;color:#fff;background:var(--cobalt-2);box-shadow:0 6px #0e1a5c;touch-action:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.two button small{font-size:13px;color:#c9d3ff}.two button.on{background:var(--pink);box-shadow:0 6px #8a2a58}.two button:disabled{opacity:.4}.deck.twotouch .mini{flex-direction:column}.panel{position:fixed;inset:auto 0 0 0;max-height:78%;overflow:auto;background:var(--plum-2);border-top:4px solid var(--brass);padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .28s ease;z-index:5;border-radius:18px 18px 0 0;-webkit-user-select:text;user-select:text}.panel.open{transform:none}.panel h2{font-family:Jua,sans-serif;font-weight:400;font-size:22px;margin:0 0 4px;color:var(--brass)}.panel p.note{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.6;max-width:60ch}.panel .close{position:absolute;right:16px;top:14px;border:0;background:var(--cobalt-2);color:var(--ink);border-radius:999px;width:36px;height:36px;font-size:18px;cursor:pointer}.row{margin:14px 0}.row label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.row label span{font-family:Jua,sans-serif;font-size:17px;color:var(--pink)}.row small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.5}input[type=range]{width:100%;accent-color:var(--pink)}.seg{display:flex;gap:6px}.seg button{flex:1;border:2px solid var(--plum-line);background:transparent;color:var(--ink);border-radius:10px;padding:9px;font-size:14px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--pink);border-color:var(--pink)}.check{display:flex;gap:8px;align-items:center;font-size:14px;margin:8px 0}.actions{display:flex;gap:8px;margin-top:18px}.actions button{flex:1;border:0;border-radius:10px;padding:11px;background:var(--cobalt);color:var(--ink);font-size:14px;cursor:pointer}.actions .primary{background:var(--pink)}.actions .danger{background:#7a2440}.actions.sticky{position:sticky;bottom:0;background:var(--plum-2);padding-top:10px}details{border-top:1px solid #4a2d62;padding:10px 0}summary{cursor:pointer;font-family:Jua,sans-serif;font-size:18px;list-style:none;display:flex;align-items:center;gap:6px}summary::-webkit-details-marker{display:none}summary:before{content:"▸";color:var(--brass);transition:transform .15s}details[open] summary:before{transform:rotate(90deg)}summary small{font-family:Noto Sans KR,sans-serif;font-size:12px;color:var(--muted)}.pw{display:grid;grid-template-columns:1fr 64px;gap:4px 10px;align-items:center;margin:12px 0}.pw label{grid-column:1/3;font-size:14px}.pw em{font-style:normal;color:var(--muted);font-size:12px;margin-left:6px}.pw input[type=number],.money select{background:#251333;color:var(--ink);border:1px solid var(--plum-line);border-radius:8px;padding:6px;font:inherit;width:100%}.money{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.money label{display:flex;flex-direction:column;gap:4px;font-size:13px}.hint2{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.coord,.sales{margin:10px 0;font-size:14px}.coord b,.sales b{font-family:Jua,sans-serif;font-weight:400;font-size:20px;color:var(--brass);margin:0 6px}.lbl{display:block;font-size:14px;margin-bottom:6px}@media (max-width: 420px){.stick{width:118px;height:118px}.drop{width:100px;height:100px}.drop svg{width:40px;height:40px}.game-head h1{font-size:19px}.home-head h1{font-size:28px}}@media (max-width: 360px){.game-head h1{font-size:16px}.stats{gap:8px}.toast{font-size:40px}.stick{width:104px;height:104px}.knob{width:48px;height:48px;margin:-24px 0 0 -24px}.deck{padding:10px 12px 12px}}@media (prefers-reduced-motion: reduce){.toast,.panel,.game-card{transition:none}}.home-sec{margin-bottom:26px}.sec-title{font-family:Jua,sans-serif;font-weight:400;font-size:19px;color:var(--ink);margin:0 0 12px}.demo-badge{position:absolute;left:12px;top:10px;font-size:12px;padding:5px 10px;border-radius:999px;background:#2b1638cc;border:1px solid var(--plum-line);color:var(--muted);pointer-events:none}.open-cta{position:absolute;left:50%;bottom:14px;transform:translate(-50%);border:0;border-radius:999px;padding:12px 20px;background:var(--brass);color:var(--plum);font-family:Jua,sans-serif;font-size:18px;cursor:pointer;box-shadow:0 5px #a37a1c;white-space:nowrap;animation:bob 1s ease-in-out infinite alternate;z-index:2}@keyframes bob{to{transform:translate(-50%,-6px)}}.hint-inline{font-size:13px;color:#c9d3ff}.right .mini+.mini{margin-top:-2px}.knob-turn{position:relative;width:132px;height:132px;flex:none;border-radius:50%;border:0;padding:0;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 40%,#2c45b8,#14257a);box-shadow:inset 0 6px 14px #00000073,0 0 0 5px var(--cobalt-2);color:var(--ink)}.knob-turn:disabled{opacity:.5;cursor:default}.knob-dial{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd4de 60%,#8e95a5);box-shadow:0 6px #5b6070;transition:transform .18s cubic-bezier(.3,1.5,.5,1)}.knob-dial i{position:absolute;left:50%;top:50%;width:72px;height:18px;margin:-9px 0 0 -36px;border-radius:9px;background:linear-gradient(#ffe39a,#e9b949);box-shadow:0 3px #a37a1c}.knob-steps{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;gap:4px}.knob-steps b{width:8px;height:8px;border-radius:50%;background:#ffffff40}.knob-steps b.on{background:var(--brass)}.knob-label{position:absolute;left:50%;top:4px;transform:translate(-50%);font-family:Jua,sans-serif;font-size:13px;color:#c9d3ff;pointer-events:none}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#14081cc7;display:flex;align-items:center;justify-content:center;padding:16px}.capsule-open{position:relative;width:min(340px,100%);padding:28px 20px 22px;border-radius:22px;background:var(--plum-2);border:3px solid var(--rar);text-align:center;overflow:hidden}.capsule-open h3{font-family:Jua,sans-serif;font-weight:400;font-size:28px;margin:6px 0 2px;position:relative}.capsule-open .note{color:var(--muted);font-size:13px;margin:0 0 16px;position:relative}.capsule-open .tap{color:var(--muted);margin:18px 0 0}.capsule-big{position:relative;width:150px;height:150px;margin:10px auto 0;cursor:pointer;animation:wobble .9s ease-in-out infinite}.capsule-big .cap-top,.capsule-big .cap-bot{position:absolute;left:0;width:150px;height:75px}.capsule-big .cap-top{top:0;border-radius:75px 75px 0 0;background:radial-gradient(circle at 35% 35%,#ffb3d4,var(--pink) 60%,#b8336f)}.capsule-big .cap-bot{bottom:0;border-radius:0 0 75px 75px;background:#ebf5ff8c;border-top:5px solid #fff}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.reveal-glow{position:absolute;left:50%;top:120px;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--rar) 0 12deg,transparent 12deg 30deg);opacity:.25;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal-art{position:relative;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.rar-badge{position:relative;display:inline-block;padding:4px 14px;border-radius:999px;background:var(--rar);color:var(--plum);font-weight:700;font-size:13px}.primary-btn{position:relative;border:0;border-radius:12px;padding:12px 28px;background:var(--pink);color:#fff;font-family:Jua,sans-serif;font-size:18px;cursor:pointer;box-shadow:0 4px #a8326a}.lineup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lineup li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:#2f1a40;border-radius:12px;padding:6px 12px 6px 6px}.lineup li.soldout{opacity:.4}.li-name{font-size:15px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.rar{font-size:11px;font-weight:700;color:var(--plum);padding:2px 8px;border-radius:999px}.li-num{text-align:right}.li-num b{display:block;font-family:Jua,sans-serif;font-weight:400;font-size:20px;color:var(--brass)}.li-num small{color:var(--muted);font-size:12px}.boxgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.boxgrid li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:#2f1a40;border-radius:12px;padding:8px 6px 10px;font-size:13px;text-align:center}.boxgrid li.none span{color:var(--muted)}.boxgrid li b{position:absolute;right:8px;top:6px;font-family:Jua,sans-serif;font-weight:400;color:var(--brass)}.actions button:disabled{opacity:.45;cursor:default}.arrowpad{position:relative;display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:4px;flex:none;touch-action:none}.arrowpad button{border:0;border-radius:14px;background:var(--cobalt-2);color:#fff;font-family:Jua,sans-serif;font-size:26px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px #0e1a5c;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.arrowpad button small{font-size:10px;color:#c9d3ff;margin-top:2px}.arrowpad button.on{background:var(--pink);box-shadow:0 2px #8a2a58;transform:translateY(3px)}.arrowpad button:disabled{opacity:.4}.arrowpad .ap-u{grid-column:2;grid-row:1}.arrowpad .ap-l{grid-column:1;grid-row:2}.arrowpad .ap-r{grid-column:3;grid-row:2}.arrowpad .ap-d{grid-column:2;grid-row:3}.arrowpad .ap-center{grid-column:2;grid-row:2;border-radius:50%;margin:14px;background:radial-gradient(circle at 40% 35%,#ff9cc6,var(--pink) 60%,#b8336f);box-shadow:0 3px #8a2a58}@media (max-width: 380px){.arrowpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}}.panel{padding-top:0}.panel-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px 6px;padding:14px 20px 10px;background:var(--plum-2);border-bottom:1px solid #4a2d62}.panel-top h2{margin:0}.panel .panel-top .close{position:static;width:auto;height:36px;padding:0 14px;font-size:15px;font-family:Jua,sans-serif}.panel-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:#0a041059}