:root{--ink:#3a2418;--ink-soft:#7b5b49;--paper:#fffaf3;--paper-2:#fff0dc;--orange:#ff8a1f;--orange-deep:#cf5a08;--jade:#2f8a76;--heart:#ff4f7e;--dusk:#2e2557;--glass:rgba(255,250,243,.9);--edge:rgba(58,36,24,.14);--display:"Jua","Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--body:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;color-scheme:light}html,body{height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}[hidden]{display:none!important}body{background:#f2b8a2;color:var(--ink);font-family:var(--body);overflow:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}#stage{position:fixed;inset:0;background:linear-gradient(#3b2f6b,#8f6fb3 45%,#f6a98a 78%,#ffd7a8)}#stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.hud-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));pointer-events:none;z-index:5}.hud-top>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;background:var(--glass);border:2px solid #fff;border-radius:20px;padding:8px 14px 8px 8px;box-shadow:0 4px #3a241829,0 10px 24px #2e255738;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0}.brand svg{flex:none}.brand h1{margin:0;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.live{width:8px;height:8px;border-radius:50%;background:#9a8f88;flex:none}.live.on{background:#3fbf6a;box-shadow:0 0 0 3px #3fbf6a38}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.btn{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font-family:var(--display);font-size:15.5px;line-height:1;padding:11px 16px;border-radius:999px;background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-deep),0 10px 20px #2e255740;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--orange-deep),0 4px 10px #2e255733}.btn.ghost{background:var(--glass);color:var(--ink);box-shadow:0 4px #3a24182e,0 10px 20px #2e255733;border:2px solid #fff;padding:9px 14px}.btn.ghost:active{box-shadow:0 1px #3a24182e}.btn.heart{background:#fff;color:var(--heart);border:2px solid var(--heart);box-shadow:0 3px #ff4f7e59;padding:8px 14px}.btn.heart[aria-pressed=true]{background:var(--heart);color:#fff}.btn.plain{background:transparent;color:var(--ink-soft);box-shadow:none;padding:9px 10px}.btn.danger{background:transparent;color:#b3361f;box-shadow:none;padding:9px 10px}.btn[aria-disabled=true]{opacity:.55}.btn:focus-visible,.emote:focus-visible,.icon-btn:focus-visible,.seg button:focus-visible,textarea:focus-visible{outline:3px solid var(--dusk);outline-offset:3px}.badge{font-family:var(--body);font-size:12px;background:var(--paper-2);color:var(--orange-deep);border-radius:999px;padding:2px 7px;font-variant-numeric:tabular-nums}.dock{display:flex;justify-content:center;gap:14px;pointer-events:none}.emote{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0;width:78px}.emote .ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:3px solid #fff;box-shadow:0 5px #3a24182e,0 12px 22px #2e255747;transition:transform .12s}.emote:active .ic{transform:translateY(3px) scale(.96)}.emote.playing .ic{background:var(--orange);border-color:#ffe2bf}.emote.playing .ic svg *{fill:#fff;stroke:#fff}.emote span{font-family:var(--display);font-size:13.5px;color:#fff;text-shadow:0 1px 0 rgba(46,37,87,.6),0 0 10px rgba(46,37,87,.55);letter-spacing:.01em}.hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:4;background:#2e25579e;color:#fff;font-size:12.5px;padding:7px 13px;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;transition:opacity .6s}.hint.gone{opacity:0}.tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:5px;will-change:transform}.tag .nm{font-family:var(--display);font-size:12.5px;color:#fff;background:#2e2557a8;padding:3px 9px;border-radius:999px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.tag.me .nm{background:var(--orange)}.tag .bubble{position:relative;font-family:var(--display);font-size:14px;background:#fff;color:var(--ink);padding:5px 11px;border-radius:14px;white-space:nowrap;box-shadow:0 4px 12px #2e255740;animation:pop .28s cubic-bezier(.3,1.6,.5,1)}.tag .bubble:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fff}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.scrim{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#2e255761;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px}.note-card{position:relative;width:min(370px,100%);background:var(--paper);border-radius:10px 10px 22px 22px;padding:34px 22px 16px;box-shadow:0 18px 50px #2e255766;animation:swing .5s cubic-bezier(.3,1.4,.5,1);transform-origin:50% -40px}.note-card:before{content:"";position:absolute;top:12px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#f2b8a2;box-shadow:inset 0 1px 2px #3a241859}.note-card:after{content:"";position:absolute;top:-38px;left:50%;width:2px;height:52px;margin-left:-1px;background:#6b4a2b;opacity:.7}@keyframes swing{0%{transform:rotate(-7deg) translateY(-16px);opacity:0}60%{transform:rotate(2deg)}to{transform:none;opacity:1}}.note-card .stamp{position:absolute;right:16px;top:14px}.note-text{margin:6px 0 16px;font-size:17px;line-height:1.75;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;max-height:46vh;overflow:auto}.note-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1.5px dashed var(--edge);padding-top:12px}.from{font-family:var(--display);font-size:16px;color:var(--orange-deep);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.card-actions{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.card-actions .spacer{flex:1}.sheet{width:min(420px,100%);background:var(--paper);border-radius:24px;padding:22px 20px 16px;box-shadow:0 18px 50px #2e255766;animation:pop .3s cubic-bezier(.3,1.4,.5,1)}.sheet h2{margin:0;font-family:var(--display);font-weight:400;font-size:22px;text-wrap:balance}.sheet p.sub{margin:6px 0 14px;font-size:14px;color:var(--ink-soft);line-height:1.55}.sheet textarea{width:100%;box-sizing:border-box;min-height:140px;resize:vertical;border:2px solid var(--edge);border-radius:16px;padding:12px 14px;font-family:var(--body);font-size:16px;line-height:1.65;background:#fff;color:var(--ink)}.sheet .row{display:flex;align-items:center;gap:8px;margin-top:12px}.sheet .row .spacer{flex:1}.count{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.err{color:#b3361f;font-size:13.5px;margin-top:8px}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:15;width:min(410px,100%);background:var(--paper);display:flex;flex-direction:column;box-shadow:-16px 0 40px #2e25574d;transform:translate(105%);transition:transform .32s cubic-bezier(.3,1,.4,1);visibility:hidden;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}.drawer.open{transform:none;visibility:visible}.drawer header{display:flex;align-items:center;gap:10px}.drawer h2{margin:0;font-family:var(--display);font-weight:400;font-size:22px;flex:1}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--paper-2);display:grid;place-items:center;cursor:pointer;flex:none}.seg{display:flex;gap:4px;background:var(--paper-2);border-radius:999px;padding:4px;margin:12px 0 10px;align-self:flex-start}.seg button{border:none;background:none;border-radius:999px;padding:7px 14px;font-family:var(--display);font-size:14px;cursor:pointer;color:var(--ink-soft)}.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px #3a24181f}.list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:20px;min-height:0}.item{background:#fff;border:1.5px solid var(--edge);border-radius:16px;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;min-width:0}.item.mine{border-color:#f5c45a;background:#fffbef}.item .t{margin:0;font-size:15.5px;line-height:1.65;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer}.item .f{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);min-width:0}.item .f .who{font-family:var(--display);color:var(--orange-deep);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.item .f .spacer{flex:1}.mini-heart{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--heart);background:#fff;color:var(--heart);border-radius:999px;padding:5px 10px;cursor:pointer;font-family:var(--display);font-size:13.5px;font-variant-numeric:tabular-nums;flex:none}.mini-heart[aria-pressed=true]{background:var(--heart);color:#fff}.mini-heart:disabled{opacity:.5;cursor:default}.empty{background:var(--paper-2);border-radius:18px;padding:22px 18px;font-size:15px;line-height:1.65;color:var(--ink-soft)}.empty strong{display:block;font-family:var(--display);font-weight:400;color:var(--ink);font-size:18px;margin-bottom:4px}.toast{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:30;background:var(--dusk);color:#fff;font-family:var(--display);font-size:15px;padding:10px 18px;border-radius:999px;box-shadow:0 10px 26px #2e255759;max-width:calc(100vw - 32px);text-align:center;animation:pop .28s cubic-bezier(.3,1.6,.5,1)}.nogl{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;background:var(--paper);border-radius:20px;padding:20px;width:min(340px,calc(100vw - 32px));box-sizing:border-box;text-align:center;line-height:1.6}.brand p.nest-line{color:var(--orange-deep);font-family:var(--display);font-size:13px}.tag.npc .nm{background:#6a4fc9;font-size:14px}.act{--p:0;position:fixed;left:50%;transform:translate(-50%);bottom:calc(172px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;align-items:center;gap:10px;border:3px solid #fff;border-radius:999px;padding:8px 18px 8px 8px;background:var(--glass);font-family:var(--display);font-size:16px;color:var(--ink);box-shadow:0 5px #3a24182e,0 12px 24px #2e25574d;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;white-space:nowrap;max-width:calc(100vw - 32px)}.act .ring{width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--p) * 360deg),rgba(58,36,24,.14) 0deg);display:grid;place-items:center;flex:none}.act .ring>span{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center}.act[aria-disabled=true]{opacity:.82;cursor:default}.act[aria-disabled=true] .ring{background:#3a241824}.act:focus-visible{outline:3px solid var(--dusk);outline-offset:3px}#warp{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at 50% 55%,#fff7ea 0,#ffc58a 35%,#a77cff 75%,#3b2f6b)}#warp.on{opacity:1}@media(max-width:520px){.act{bottom:calc(160px + env(safe-area-inset-bottom,0px));font-size:15px}.brand h1{font-size:17px}.btn{font-size:14.5px;padding:10px 13px}.btn.ghost{padding:8px 12px}.emote{width:70px}.emote .ic{width:54px;height:54px}.hint{bottom:calc(100px + env(safe-area-inset-bottom,0px))}body.in-room .hint{bottom:calc(158px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;pointer-events:auto;max-width:100%}.bar .btn{white-space:nowrap}.btn.closed{background:#9a8f88;box-shadow:0 4px #6f6660,0 10px 20px #2e255740}.feather-bar{background:var(--glass);border:2px solid #fff;border-radius:18px;padding:7px 14px;gap:4px 14px;box-shadow:0 4px #3a241829,0 10px 24px #2e255738;font-family:var(--display);font-size:14px;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.feather-bar span{white-space:nowrap;font-variant-numeric:tabular-nums}.feather-bar b{font-weight:400;color:var(--orange-deep)}.feather-bar .sep{color:var(--ink-soft);opacity:.6}.gear{width:46px;height:46px;background:var(--glass);border:2px solid #fff;box-shadow:0 4px #3a24182e,0 10px 20px #2e255733}.gear[aria-expanded=true]{background:var(--paper-2)}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:54px;min-width:208px;background:var(--paper);border-radius:18px;padding:8px;z-index:12;box-shadow:0 18px 50px #2e255766;animation:pop .22s cubic-bezier(.3,1.4,.5,1);transform-origin:90% 0}.menu button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--display);font-size:15.5px;color:var(--ink);padding:10px 12px;border-radius:12px}.menu button:hover,.menu button:focus-visible{background:var(--paper-2);outline:none}.menu button svg{flex:none}.menu hr{border:none;border-top:1.5px dashed var(--edge);margin:6px 4px}.menu .logout{color:#b3361f}.banner{position:fixed;left:50%;transform:translate(-50%);top:calc(84px + env(safe-area-inset-top,0px));z-index:6;background:#fff3d6;color:var(--ink);border:2px solid #f5c45a;border-radius:999px;padding:7px 14px;font-size:13.5px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 8px 20px #2e255733}.note-card h2{margin:4px 0 10px;font-family:var(--display);font-weight:400;font-size:22px;text-wrap:balance;padding-right:36px}.note-card .lead{margin:0 0 14px;font-size:15.5px;line-height:1.75;white-space:pre-line;word-break:keep-all}.note-card .small{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin:10px 0 0;word-break:keep-all}.note-card .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-card .spacer{flex:1}.notice{margin-top:14px;border-top:1.5px dashed var(--edge);padding-top:12px;font-size:12.5px;line-height:1.6;color:var(--ink-soft);word-break:keep-all}.notice .contact{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.notice .contact code{font-family:var(--body);font-size:13px;color:var(--ink);background:var(--paper-2);border-radius:8px;padding:3px 8px;user-select:all}.copy-btn{border:1.5px solid var(--edge);background:#fff;border-radius:999px;padding:3px 10px;font-size:12.5px;cursor:pointer;color:var(--ink)}.qr{display:block;width:min(220px,70%);height:auto;margin:6px auto 12px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 4px 14px #2e255726}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}.stat{background:#fff;border:1.5px solid var(--edge);border-radius:14px;padding:10px 12px}.stat .k{font-size:12.5px;color:var(--ink-soft)}.stat .v{font-family:var(--display);font-size:19px;font-variant-numeric:tabular-nums}.act-list{list-style:none;margin:0;padding:0;max-height:30vh;overflow:auto;font-size:13.5px}.act-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;border-bottom:1px dashed var(--edge)}.act-list li span:last-child{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.ch-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px}.ch-item{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--edge);border-radius:14px;padding:10px 12px}.ch-item.cur{border-color:#f5c45a;background:#fffbef}.ch-item .nm{font-family:var(--display);font-size:16px}.ch-item .cnt{font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.ch-item .spacer{flex:1}.pill{font-size:11.5px;border-radius:999px;padding:2px 8px;background:#ffe2d6;color:#b3361f}.pill.ok{background:#dff3e5;color:#2c7a45}.field{width:100%;box-sizing:border-box;border:2px solid var(--edge);border-radius:14px;padding:11px 14px;font-family:var(--body);font-size:17px;background:#fff;color:var(--ink)}.field:focus-visible{outline:3px solid var(--dusk);outline-offset:2px}.gate{position:fixed;inset:0;z-index:18;display:grid;place-items:center;background:#14102c8c;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));overflow:auto}.gate .note-card{animation-duration:.7s}.gate .brandline{display:flex;align-items:center;gap:10px;margin:0 0 10px}.gate .brandline h2{margin:0;padding:0;font-family:"Lilita One",var(--display);font-size:28px;letter-spacing:.02em;color:var(--orange-deep)}.kakao{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;border:none;border-radius:12px;cursor:pointer;background:#fee500;color:#000000d9;font-family:var(--body);font-weight:700;font-size:16px;padding:14px 16px;text-decoration:none;box-shadow:0 4px #d9c400}.kakao:active{transform:translateY(3px);box-shadow:0 1px #d9c400}.kakao:focus-visible{outline:3px solid var(--dusk);outline-offset:3px}body.mode-gate .hud-top,body.mode-gate .bottom,body.mode-gate .hint,body.mode-gate #labels,body.mode-gate .banner{display:none!important}.list .more{align-self:center;margin-top:4px}.sound-wrap{position:relative;margin-left:auto;pointer-events:auto}.sound-wrap+.actions{margin-left:0}.sound-btn{width:46px;height:46px;background:var(--glass);border:2px solid #fff;box-shadow:0 4px #3a24182e,0 10px 20px #2e255733}.sound-btn[aria-expanded=true]{background:var(--paper-2)}.sound-pop{position:absolute;right:0;top:54px;z-index:12;width:min(250px,calc(100vw - 32px));box-sizing:border-box;background:var(--paper);border-radius:18px;padding:14px 14px 12px;box-shadow:0 18px 50px #2e255766;animation:pop .22s cubic-bezier(.3,1.4,.5,1);transform-origin:90% 0;font-size:14px;color:var(--ink)}.sound-pop .row{display:flex;align-items:center;gap:8px}.sound-pop .row strong{font-family:var(--display);font-weight:400;font-size:16px}.sound-pop .spacer{flex:1}.sound-pop .state{font-size:12.5px;color:var(--ink-soft);min-width:28px}.switch{position:relative;width:46px;height:26px;border-radius:999px;border:none;background:#d9cfc8;cursor:pointer;padding:0;transition:background .2s;flex:none}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch[aria-checked=true]{background:var(--orange)}.switch[aria-checked=true] .knob{transform:translate(20px)}.switch:focus-visible,.sound-pop input:focus-visible{outline:3px solid var(--dusk);outline-offset:2px}.sound-pop .vol{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--ink-soft)}.sound-pop .vol input{flex:1;accent-color:var(--orange);min-width:0}.sound-pop .vol input:disabled{opacity:.45}.sound-pop .num{width:26px;text-align:right;font-variant-numeric:tabular-nums}.sound-pop .title{margin-top:8px;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.mode-gate .sound-wrap{display:none!important}.note-card .stamp.with-siren{right:58px}.siren{position:absolute;right:12px;top:10px;display:inline-flex;align-items:center;gap:4px;height:38px;min-width:38px;padding:0 8px;box-sizing:border-box;border:none;border-radius:999px;background:transparent;cursor:pointer;color:#b3361f;font-family:var(--display);font-size:13.5px;justify-content:center}.siren:hover{background:#ffe9e4}.siren:focus-visible{outline:3px solid var(--dusk);outline-offset:2px}.siren{transition:background .2s,padding .25s}.siren-label{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s cubic-bezier(.3,1.2,.5,1),opacity .2s}.siren.armed{background:#ffe2d6;padding:0 12px 0 8px}.siren.armed .siren-label{max-width:96px;opacity:1}.siren:disabled{opacity:.5;cursor:default}.item .hidden-tag{font-size:12px;color:#b3361f;background:#ffe2d6;border-radius:999px;padding:2px 8px;flex:none}.mod-list{list-style:none;margin:0 0 4px;padding:0;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.mod-item{background:#fff;border:1.5px solid var(--edge);border-radius:14px;padding:12px}.mod-item.pending{border-color:#f5a48a;background:#fff7f4}.mod-item .t{margin:0 0 8px;font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.mod-item .meta{font-size:12.5px;color:var(--ink-soft);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.mod-item .row{gap:6px}.mod-section{font-family:var(--display);font-size:15px;margin:8px 0 6px}.item .mine-actions{display:flex;gap:6px}.hint{transition:opacity .6s,bottom .2s}body.in-room .hint{bottom:calc(170px + env(safe-area-inset-bottom,0px))}.hud-top{flex-wrap:nowrap}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1 1 0;pointer-events:none}.sound-wrap,.hud-top .actions{flex:none}.hud-left>*{pointer-events:auto}.note-bar{justify-content:flex-start}.note-bar .btn{font-size:14.5px;padding:9px 13px}.note-bar .btn.ghost{padding:7px 12px}.hud-left .banner{position:static;transform:none;max-width:100%;text-align:left;border-radius:14px}@media(max-width:520px){.note-bar{gap:6px}.note-bar .btn{font-size:13.5px;padding:8px 11px}.note-bar .btn.ghost{padding:6px 10px}}.note-card.wide{width:min(520px,100%)}.tag.place{transition:opacity .35s}.tag.place.far{opacity:0}.tag.place .nm{max-width:none;font-size:13.5px;padding:4px 11px}.near-write{pointer-events:auto;font-size:16px;padding:12px 20px;animation:pop .28s cubic-bezier(.3,1.6,.5,1)}.cropper{position:relative;width:100%;aspect-ratio:1084/442;border-radius:10px;overflow:hidden;background:#1a1530;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.cropper:active{cursor:grabbing}.cropper-empty{position:absolute;inset:0;display:grid;place-items:center;padding:0 16px;text-align:center;color:#d9cfe6;font-size:13.5px}.cropper-img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;pointer-events:none}.cropper-grid{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #ffffffbf;background:linear-gradient(to right,transparent 33.2%,rgba(255,255,255,.28) 33.3%,transparent 33.5%,transparent 66.5%,rgba(255,255,255,.28) 66.6%,transparent 66.8%)}.zoom-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--ink-soft)}.zoom-row input{flex:1;accent-color:var(--orange)}.photo-list{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:10px;max-height:48vh;overflow:auto}.photo-item{background:#fff;border:1.5px solid var(--edge);border-radius:14px;padding:10px}.photo-item img{display:block;width:100%;aspect-ratio:1084/442;object-fit:cover;border-radius:8px;background:#1a1530}.photo-item .meta{font-size:12.5px;color:var(--ink-soft);display:flex;gap:8px;margin:6px 0}.photo-item .row{gap:6px}.news-photo{display:block;width:100%;aspect-ratio:1084/442;object-fit:cover;border-radius:10px;margin:2px 0 10px;background:#1a1530}.photo-cam{position:fixed;left:max(14px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);z-index:6;width:64px;height:64px;border-radius:50%;border:3px solid #fff;background:var(--glass);display:grid;place-items:center;cursor:pointer;box-shadow:0 5px #3a24182e,0 12px 24px #2e25574d}.photo-cam:active{transform:translateY(calc(-50% + 3px))}.photo-cam:focus-visible,.shutter:focus-visible{outline:3px solid var(--dusk);outline-offset:3px}body.mode-gate .photo-cam{display:none}body.photo-mode .hud-top,body.photo-mode .bottom,body.photo-mode .hint,body.photo-mode #act,body.photo-mode .banner,body.photo-mode .tag.place,body.photo-mode .toast,body.photo-mode .photo-cam,body.photo-mode .drawer{display:none!important}.photo-bar{position:fixed;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:7;display:flex;justify-content:center;align-items:center;gap:22px;pointer-events:none}.photo-bar>*{pointer-events:auto}.shutter{width:78px;height:78px;border-radius:50%;border:5px solid #fff;background:#ffffff40;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px #2e255759}.shutter span{width:56px;height:56px;border-radius:50%;background:#ff8a1f;transition:transform .08s}.shutter:active span{transform:scale(.9)}.photo-close{width:48px;height:48px;background:var(--glass);border:2px solid #fff}#photo-flash{position:fixed;inset:0;z-index:40;background:#fff;opacity:0;pointer-events:none;transition:opacity .35s}#photo-flash.on{opacity:.85;transition:none}.shot-img{display:block;width:100%;border-radius:12px;margin:2px 0 12px;box-shadow:0 6px 18px #2e255740}body.in-legend .brand h1{color:#d6336c}body.in-legend #yard-bar .btn:not(.ghost),.near-write.legend{background:#ff5c93;box-shadow:0 4px #c2255c,0 10px 20px #c2255c47}body.in-legend #yard-bar .btn:not(.ghost):active,.near-write.legend:active{box-shadow:0 1px #c2255c,0 4px 10px #c2255c33}body.in-legend #yard-bar .badge{color:#c2255c;background:#ffe3ee}body.in-legend .emote.playing .ic{background:#ff5c93;border-color:#ffd6e6}.near-write.legend svg path:last-child{stroke:#ff5c93}#card-scrim.legend .note-card{background:linear-gradient(180deg,#fff5f9,#ffe6f0);border-color:#ffb3cf}#card-scrim.legend .stamp circle{fill:#ff5c93}#card-scrim.legend .stamp path{fill:#f2b84a}#card-scrim.legend .from{color:#c2255c}#write-scrim.legend .sheet{background:linear-gradient(180deg,#fff7fa,#ffeaf2)}#write-scrim.legend .sheet textarea{border-color:#ffc2d8}#write-scrim.legend #write-submit{background:#ff5c93;box-shadow:0 4px #c2255c,0 10px 20px #c2255c47}.drawer.legend header h2{color:#c2255c}.item.legend{border-color:#ffc2d8;background:#fff6f9}.item.legend .who{color:#c2255c}#card-scrim.legend .note-card:before,#card-scrim.legend .note-card:after{display:none}.legend-board{position:fixed;right:max(14px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:6;width:250px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.legend-board .lb-head{margin:0 0 2px;align-self:flex-end;font-family:var(--display);font-size:14px;color:#fff;background:#ff5c93;border-radius:999px;padding:5px 12px;box-shadow:0 3px #c2255c}.lb-card{position:relative;display:flex;align-items:center;gap:10px;background:#fffafced;border:2px solid #ffc2d8;border-radius:18px;padding:9px 12px 9px 9px;box-shadow:0 8px 20px #c2255c2e}.lb-ic{flex:none;width:44px;height:44px;border-radius:50%;background:#ffe3ee;display:grid;place-items:center}.lb-txt{min-width:0}.lb-main{margin:0;font-family:var(--display);font-size:14px;line-height:1.35;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}.lb-main b{color:#d6336c;font-size:19px;font-variant-numeric:tabular-nums;font-weight:400}.lb-main em{font-style:normal;color:#c2255c}.lb-sub{margin:2px 0 0;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lb-foot{margin:0;word-break:keep-all;align-self:flex-end;font-size:11.5px;color:#a3405f;background:#ffffffbf;border-radius:999px;padding:3px 10px}.lb-plus{position:absolute;left:30px;top:2px;font-family:var(--display);font-size:16px;color:#ff3d6e;opacity:0;pointer-events:none;text-shadow:0 1px 0 #fff}.lb-card.bump .lb-ic{animation:lbPop .9s cubic-bezier(.3,1.6,.5,1)}.lb-card.bump .lb-ic svg{animation:lbWiggle .9s ease-in-out}.lb-card.bump{animation:lbGlow 1.2s ease-out}.lb-card.bump .lb-plus{animation:lbPlus 1.3s ease-out}@keyframes lbPop{0%{transform:scale(1)}25%{transform:scale(1.45);background:#ff8fb1}55%{transform:scale(.9)}to{transform:scale(1)}}@keyframes lbWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes lbGlow{0%{box-shadow:0 0 #ff5c93b3,0 8px 20px #c2255c2e}to{box-shadow:0 0 0 16px #ff5c9300,0 8px 20px #c2255c2e}}@keyframes lbPlus{0%{opacity:0;transform:translateY(8px) scale(.6)}20%{opacity:1;transform:translateY(-6px) scale(1.2)}to{opacity:0;transform:translateY(-34px) scale(1)}}@media(max-width:640px){.legend-board{width:172px;gap:6px;top:auto;bottom:calc(196px + env(safe-area-inset-bottom,0px));transform:none}.legend-board .lb-head{font-size:12px;padding:4px 10px}.lb-card{gap:7px;padding:6px 8px 6px 6px;border-radius:14px}.lb-ic{width:32px;height:32px}.lb-ic svg{width:24px;height:24px}.lb-main{font-size:11.5px}.lb-main b{font-size:15px}.lb-sub{font-size:10.5px}.lb-foot{display:none}.lb-plus{left:20px;font-size:13px}}@media(prefers-reduced-motion:reduce){.lb-card.bump,.lb-card.bump .lb-ic,.lb-card.bump .lb-ic svg{animation:none}}body.photo-mode .legend-board{display:none!important}.gate-ver .ver{display:inline-block;font-family:var(--display);font-size:13px;color:#fff;background:var(--orange);border-radius:999px;padding:2px 9px;box-shadow:0 2px 0 var(--orange-deep)}.gold-plus{position:fixed;z-index:7;pointer-events:none;transform:translate(-50%,-50%);font-family:"Lilita One",var(--display);font-size:44px;line-height:1;color:#ffcc1f;text-shadow:-2px -2px 0 #7a3a00,2px -2px 0 #7a3a00,-2px 2px 0 #7a3a00,2px 2px 0 #7a3a00,0 -2px 0 #7a3a00,0 2px 0 #7a3a00,-2px 0 0 #7a3a00,2px 0 0 #7a3a00,0 5px 0 #7a3a00,0 0 22px rgba(255,150,0,.95);animation:goldPlus 1.25s cubic-bezier(.2,.8,.3,1) forwards}@keyframes goldPlus{0%{opacity:0;transform:translate(-50%,-30%) scale(.4)}18%{opacity:1;transform:translate(-50%,-90%) scale(1.25)}35%{transform:translate(-50%,-110%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-320%) scale(.95)}}body.photo-mode .gold-plus{display:none}.legend-board.studio .lb-head{background:#ff8a1f;box-shadow:0 3px 0 var(--orange-deep)}.legend-board.studio .lb-card{border-color:#ffd0a1;box-shadow:0 8px 20px #cf5a082e}.legend-board.studio .lb-ic{background:#fff0dc}.legend-board.studio .lb-main b,.legend-board.studio .lb-main em{color:var(--orange-deep)}.legend-board.studio .lb-plus{color:#ff6a00}.lb-feed{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.lb-feed:empty{display:none}.lb-line{margin:0;font-size:12.5px;line-height:1.35;color:#fff;background:#3a2418c7;border-radius:12px;padding:5px 10px;word-break:keep-all;animation:pop .3s cubic-bezier(.3,1.5,.5,1);transition:opacity .6s}.lb-line.old{opacity:.55}body.in-studio .brand h1{color:var(--orange-deep)}@media(max-width:640px){.lb-line{font-size:11px;padding:4px 8px}}.act.aim .ring{background:conic-gradient(from calc((var(--t, .5) - var(--w, .12)) * 360deg),rgba(255,92,147,.55) 0 calc(var(--w, .12) * 720deg),transparent 0),conic-gradient(#ff5c93 calc(var(--p) * 360deg),#3a241824 0deg)}.act.aim .ring>span{width:26px;height:26px}.gold-plus.float-pink{color:#ff4f7e;font-size:34px;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 4px 0 #c2255c,0 0 16px rgba(255,79,126,.7)}.gold-plus.float-gold{font-size:30px;font-family:Jua,var(--display)}.feed-pop{position:fixed;left:50%;top:22%;z-index:8;transform:translate(-50%);pointer-events:none;background:#fff;border:3px solid #ff5c93;border-radius:22px;padding:12px 20px;font-family:var(--display);font-size:17px;color:var(--ink);text-align:center;box-shadow:0 12px 30px #c2255c4d;animation:feedPop 2.6s cubic-bezier(.3,1.4,.5,1) forwards;word-break:keep-all;max-width:calc(100vw - 40px)}.feed-pop b{color:#d6336c}.feed-pop small{display:block;font-family:var(--body);font-size:12.5px;color:var(--ink-soft);margin-top:3px}@keyframes feedPop{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}body.photo-mode .feed-pop{display:none}.tag.npc.feast .nm{background:#15161c;color:#fff}#card-scrim.studio .note-card:before,#card-scrim.studio .note-card:after{display:none}#card-scrim.studio .note-card{border-top:14px solid #9c7bff;border-radius:14px 14px 22px 22px}#card-scrim.studio .stamp circle{fill:#9c7bff}.near-write.studio svg path:last-child{stroke:#9c7bff}.power{--p:0;--t:.5;--w:.12;position:fixed;left:50%;transform:translate(-50%);bottom:calc(250px + env(safe-area-inset-bottom,0px));z-index:6;width:min(560px,calc(100vw - 32px));pointer-events:none}.power-track{position:relative;height:40px;border-radius:999px;background:#ffffffe6;border:3px solid #fff;box-shadow:0 8px 22px #c2255c47,inset 0 2px 6px #3a241826;overflow:hidden}.power-zone{position:absolute;top:0;bottom:0;left:calc((var(--t) - var(--w)) * 100%);width:calc(var(--w) * 200%);background:repeating-linear-gradient(135deg,#ff5c93 0 10px,#ff8fb1 10px 20px);display:grid;place-items:center}.power-zone span{font-family:var(--display);font-size:13px;color:#fff;text-shadow:0 1px 0 #c2255c;white-space:nowrap}.power-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 100%);background:linear-gradient(90deg,#ff8a1f40,#ff8a1f8c)}.power-needle{position:absolute;top:-4px;bottom:-4px;left:calc(var(--p) * 100%);width:6px;margin-left:-3px;border-radius:3px;background:#3a2418;box-shadow:0 0 0 2px #fff}.power-ends{display:flex;justify-content:space-between;margin-top:4px;font-family:var(--display);font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(58,36,24,.6)}.power-ends #power-who{color:#ffe3ee}.power.in .power-track{border-color:#ffd34d;box-shadow:0 0 0 4px #ffd34db3,0 8px 22px #c2255c59}.power.in .power-zone{filter:brightness(1.15)}body.photo-mode .power{display:none!important}@media(max-width:640px){.power{bottom:calc(256px + env(safe-area-inset-bottom,0px))}.power-track{height:34px}}.legend-board{transition:opacity .35s,transform .35s}body.game-mode .legend-board{opacity:0;transform:translate(40px,-50%);pointer-events:none}@media(max-width:640px){body.game-mode .legend-board{transform:translate(40px)}}body.game-mode.in-legend .brand h1:after{content:" · 게임 모드";font-size:.75em;color:#ff5c93}.chat{position:fixed;left:max(96px,env(safe-area-inset-left,0px));bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:9;width:min(360px,calc(100vw - 32px));height:min(46vh,420px);display:flex;flex-direction:column;background:#fffaf3f5;border:2px solid #3a2a5a;border-radius:20px;box-shadow:0 14px 34px #2e255766;overflow:hidden;animation:pop .3s cubic-bezier(.3,1.4,.5,1)}.chat header{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:#3a2a5a;color:#fff;font-family:var(--display)}.chat header .icon-btn{width:32px;height:32px;background:#fff}.chat .spacer{flex:1}.chat-count{font-size:12px;background:#ffffff2e;border-radius:999px;padding:2px 8px}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain}.chat-line{margin:0;font-size:14px;line-height:1.45;word-break:break-word;color:var(--ink)}.chat-line b{font-family:var(--display);font-weight:400;color:var(--orange-deep);margin-right:2px}.chat-line.mine b{color:#7048e8}.chat-line.sys{font-size:12px;color:var(--ink-soft);text-align:center}.chat-form{display:flex;gap:6px;padding:8px;border-top:1px dashed var(--edge)}.chat-form input{flex:1;min-width:0;border:2px solid var(--edge);border-radius:999px;padding:9px 14px;font:inherit;font-size:16px;background:#fff}.chat-form .btn{padding:9px 14px}.chat-foot{margin:0;padding:0 10px 8px;font-size:11px;color:var(--ink-soft);text-align:center}.chat-rules ul{margin:6px 0 10px;padding-left:18px;font-size:14px;line-height:1.6}.chat-rules li{margin:3px 0}.chat-rules .warn{margin:0;font-family:var(--display);font-size:16px;color:#c92a2a}.chat-rules .trust{margin:6px 0 12px;font-family:var(--display);font-size:16px;color:var(--orange-deep)}body.photo-mode .chat{display:none!important}@media(max-width:640px){.chat{inset:132px 12px auto;width:auto;height:38vh}}.news{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:8;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:max-content;max-width:calc(100vw - 32px);padding:10px 22px 12px;border-radius:22px;background:linear-gradient(180deg,#fffaf0,#fff0dc);border:3px solid #ffb15e;box-shadow:0 12px 30px #cf5a084d;text-align:center;pointer-events:none;animation:newsIn .55s cubic-bezier(.3,1.5,.5,1)}.news.out{animation:newsOut .5s ease-in forwards}.news-tag{font-family:var(--display);font-size:12.5px;color:#fff;background:var(--orange);border-radius:999px;padding:2px 10px}.news-text{font-family:var(--display);font-weight:400;font-size:19px;color:var(--ink);word-break:keep-all;line-height:1.35}.news-sub{font-size:12.5px;color:var(--ink-soft);word-break:keep-all}@keyframes newsIn{0%{opacity:0;transform:translate(-50%,-24px) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes newsOut{to{opacity:0;transform:translate(-50%,-18px)}}body.photo-mode .news{display:none}@media(max-width:640px){.news{top:calc(124px + env(safe-area-inset-top,0px));padding:8px 14px 10px}.news-text{font-size:15.5px}}.shot-actions{flex-wrap:wrap;gap:8px}.shot-tip{margin:8px 0 0;color:var(--ink-soft);word-break:keep-all}.shot-img{max-height:min(52vh,520px);width:auto;max-width:100%;margin:0 auto;display:block;object-fit:contain;-webkit-touch-callout:default;user-select:auto}.fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none}body.photo-mode .fireworks{display:none}.mobile-only{display:none!important}@media(hover:none)and (pointer:coarse){.icon-btn.mobile-only{display:grid!important}.back-btn.mobile-only:not([hidden]){display:flex!important}}.back-btn{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:7;align-items:center;gap:4px;height:44px;padding:0 14px 0 10px;border-radius:999px;border:2px solid #fff;background:var(--glass);font-family:var(--display);font-size:14px;color:var(--ink);box-shadow:0 4px #3a24182e,0 10px 20px #2e255733;cursor:pointer}.back-btn:active{transform:translateY(2px)}body.photo-mode .back-btn,body.photo-mode #btn-reload{display:none!important}@media(max-width:480px){.back-btn{width:44px;padding:0;justify-content:center}.back-btn #btn-back-label{display:none}}.admin-notes{position:fixed;inset:0;z-index:30;background:var(--paper);display:flex;flex-direction:column;padding:16px max(16px,env(safe-area-inset-left,0px)) 12px;overflow:hidden}.admin-notes header{display:flex;align-items:center;gap:8px}.admin-notes h2{margin:0;font-family:var(--display);font-weight:400;font-size:22px}.admin-notes .spacer{flex:1}.an-badge{font-size:12px;color:#fff;background:#c92a2a;border-radius:999px;padding:2px 9px}.an-tabs{flex-wrap:wrap}.an-tabs button[aria-pressed=true]{background:var(--orange);color:#fff}.an-list{list-style:none;margin:8px 0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.an-item{background:#fff;border:2px solid var(--edge);border-radius:14px;padding:10px 12px}.an-item.is-hidden{background:#fff1f1;border-color:#f5b5b5}.an-item .t{margin:0 0 6px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.an-item .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--ink-soft)}.an-item .tag-hidden{color:#c92a2a;font-weight:700}.an-item .btn{padding:7px 12px;font-size:13px}.btn.danger{background:#e03131;color:#fff;box-shadow:0 4px #a51111}.an-empty{color:var(--ink-soft);text-align:center;padding:24px 0}.an-more{align-self:center}.stat{position:relative}.stat-q{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:5px;border-radius:50%;background:var(--paper-2);color:var(--orange-deep);font-size:11px;font-weight:700;cursor:help;vertical-align:1px;position:relative}.stat-q:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:190px;padding:7px 10px;border-radius:10px;background:#3a2418;color:#fff;font-size:12px;font-weight:400;line-height:1.45;word-break:keep-all;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5;box-shadow:0 6px 16px #0003}.stat-q:hover:after,.stat-q:focus:after{opacity:1}.stat-grid .stat:nth-child(2n) .stat-q:after{left:auto;right:-8px;transform:none}#info-card{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#info-card .info-x{position:sticky;top:-26px;z-index:3;display:grid;place-items:center;width:36px;height:36px;margin:-26px -10px -10px auto;border:none;border-radius:50%;background:var(--paper-2);box-shadow:0 2px 6px #3a24182e;cursor:pointer}#info-card>.card-actions:last-child{position:sticky;bottom:-16px;z-index:2;background:var(--paper);margin:8px -22px -16px;padding:10px 22px 14px;border-radius:0 0 22px 22px;box-shadow:0 -8px 14px -10px #3a241840}@media(max-width:480px){.stat-grid{gap:6px}.stat{padding:7px 9px}.stat .k{font-size:11.5px}.stat .v{font-size:16px}.act-list{max-height:22vh}}.game-guide{display:none}@media(hover:none)and (pointer:coarse){body.game-mode.in-legend #yard-bar,body.game-mode.in-legend .dock,body.game-mode.in-legend #hint,body.game-mode.in-legend #near-write,body.game-mode.in-legend .legend-board,body.game-mode.in-legend .news{display:none!important}body.game-mode.in-legend .power{top:calc(118px + env(safe-area-inset-top,0px));bottom:auto;width:calc(100vw - 28px)}body.game-mode.in-legend .game-guide:not(:empty){display:block;position:fixed;left:50%;transform:translate(-50%);top:calc(196px + env(safe-area-inset-top,0px));z-index:6;margin:0;width:max-content;max-width:calc(100vw - 32px);padding:4px 12px;border-radius:999px;background:#3a241847;color:#fff;font-size:12.5px;text-align:center;opacity:.8;pointer-events:none;word-break:keep-all}body.game-mode.in-legend #act{left:auto;right:max(16px,env(safe-area-inset-right,0px));transform:none;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:96px;height:96px;padding:0;border-radius:50%;flex-direction:column;justify-content:center;gap:2px;font-size:0}body.game-mode.in-legend #act #act-label{display:none}body.game-mode.in-legend #act:after{content:attr(data-short);font-family:var(--display);font-size:15px;line-height:1;color:var(--ink)}body.game-mode.in-legend #act .ring{width:52px;height:52px}body.game-mode.in-legend #act .ring>span{width:40px;height:40px}body.game-mode.in-legend #act:active{transform:translateY(2px)}}.lb-short,.lb-s,.lb-end{display:none}@media(max-width:640px){.legend-board{width:auto;max-width:132px;gap:3px;bottom:calc(196px + env(safe-area-inset-bottom,0px))}.legend-board .lb-long,.lb-x,.lb-ic,.lb-sub,.lb-foot{display:none!important}.legend-board .lb-short,.lb-s{display:inline}.legend-board .lb-head{align-self:stretch;text-align:center;font-size:11.5px;padding:3px 8px;margin:0}.lb-card{padding:4px 9px;border-radius:10px;border-width:1.5px;box-shadow:0 4px 10px #c2255c24}.lb-main{font-size:12px;line-height:1.3;white-space:nowrap}.lb-main b{font-size:13.5px}.lb-plus{left:auto;right:6px;top:-6px;font-size:12px}.lb-end:not([hidden]){display:block;margin:0;align-self:flex-end;font-family:var(--display);font-size:11.5px;color:#a3405f;background:#fffc;border-radius:999px;padding:2px 9px}.lb-feed{max-width:132px}}@media(max-width:640px){.legend-board.studio{top:calc(70px + env(safe-area-inset-top,0px));bottom:auto;right:max(10px,env(safe-area-inset-right,0px))}.legend-board.studio .lb-line:not(:first-child){display:none}.legend-board.studio .lb-line{font-size:11px;line-height:1.3;padding:3px 8px;background:#ffffffe0;color:var(--ink);border:1.5px solid #ffd0a1;border-radius:10px;max-width:132px}.legend-board.studio .lb-line.old{opacity:0;transition:opacity .8s}.legend-board.studio .lb-end{color:var(--orange-deep)}body.in-studio .near-write{font-size:14px;padding:9px 14px}}@media(orientation:landscape)and (max-height:500px){.brand{padding:4px 10px 4px 6px;border-radius:14px}.brand svg{width:28px;height:28px}.brand h1{font-size:15px}.brand p{font-size:11px}.icon-btn.gear,.sound-btn{width:38px;height:38px}#yard-bar .btn{padding:7px 11px;font-size:13px}#yard-bar{gap:5px}.emote{width:58px}.emote .ic{width:44px;height:44px}.emote .ic svg{width:26px;height:26px}.emote span{font-size:11px}.bottom{gap:6px}.hint{display:none!important}.photo-cam{width:48px;height:48px}.legend-board{max-height:60vh;overflow:hidden}}.icon-btn.gear.on{background:var(--orange)}.hall-row{border-top:1px dashed var(--edge);padding:8px 0}.hall-row .small{margin:2px 0;word-break:keep-all}.hall-who{display:flex;align-items:baseline;gap:10px}.hall-who b{font-family:var(--display);font-weight:400;font-size:18px;color:#d6336c}.hall-who span{font-size:13px;color:var(--ink-soft)}.tag.coach .nm{display:none}.tag.coach .bubble{white-space:normal;width:max-content;max-width:min(270px,72vw);text-align:center;line-height:1.4;font-size:15px;border:2px solid #ffb15e;box-shadow:0 6px 16px #7a3a1238}.tag.coach .bubble:after{border-top-color:#ffb15e}body.in-coach .brand h1{color:var(--orange-deep)}.near-write.coach svg path:last-child{stroke:#e8402f}#card-scrim.coach .note-card:before,#card-scrim.coach .note-card:after{display:none}#card-scrim.coach .note-card{border-top:14px solid #e8402f;border-radius:14px 14px 22px 22px;background:linear-gradient(180deg,#fffaf2,#fff0e0)}#card-scrim.coach .stamp circle{fill:#e8402f}#write-scrim.coach #write-submit{background:#e8402f;box-shadow:0 4px #a8261a,0 10px 20px #a8261a47}@media(max-width:640px){.tag.coach .bubble{font-size:13px;max-width:min(220px,64vw)}body.in-coach .near-write{font-size:14px;padding:9px 14px}}.charm{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:30;pointer-events:none;text-align:center;width:max-content;max-width:92vw}.charm p{margin:0;font-family:var(--display)}.charm-big{font-size:clamp(44px,11vw,96px);color:#ff6a00;-webkit-text-stroke:2px #fff;text-shadow:0 4px 0 #c2410c,0 10px 30px rgba(255,106,0,.45);animation:charmPop 4.6s ease forwards}.charm-sub{font-size:clamp(20px,5vw,34px);color:#c2255c;background:#ffffffeb;display:inline-block;margin-top:10px!important;padding:6px 18px;border-radius:999px;box-shadow:0 6px 18px #c2255c40;opacity:0;animation:charmSub 4.6s ease forwards}@keyframes charmPop{0%{transform:scale(.3);opacity:0}9%{transform:scale(1.12);opacity:1}16%{transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(1.04) translateY(-10px)}}@keyframes charmSub{0%,43%{opacity:0;transform:translateY(8px) scale(.9)}52%{opacity:1;transform:translateY(0) scale(1.06)}58%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.charm-hearts{position:fixed;inset:0;z-index:29;pointer-events:none;overflow:hidden}.charm-hearts span{position:absolute;line-height:1;transform:translate(-50%,-50%) scale(0);opacity:0;text-shadow:0 2px 6px rgba(255,79,126,.35);animation:charmHeart 3.4s ease-out forwards}@keyframes charmHeart{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(var(--r))}22%{transform:translate(-50%,-50%) scale(1) rotate(var(--r))}75%{opacity:.95}to{opacity:0;transform:translate(-50%,-160%) scale(.9) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.charm-hearts{display:none}.charm-big,.charm-sub{animation-duration:4.6s;animation-name:charmFade}@keyframes charmFade{0%,85%{opacity:1}to{opacity:0}}}.hall-wrap{position:relative;margin:6px -4px 0}.hall-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none;border-radius:18px}.hall-track::-webkit-scrollbar{display:none}.hall-loading{padding:30px 0;text-align:center;width:100%}.hall-card{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box;padding:12px 14px 14px;background:linear-gradient(180deg,#fff7fa,#fff1e2);border:2px solid #ffc2d8;border-radius:18px}.hall-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.hall-card header b{font-family:var(--display);font-weight:400;font-size:28px;color:#d6336c;letter-spacing:.5px}.hall-card header span{font-size:13px;color:var(--ink-soft);background:#fff;border-radius:999px;padding:3px 10px;border:1.5px solid #ffd0a1}.hall-sub{margin:8px 0 4px;font-family:var(--display);font-size:14px;color:var(--orange-deep)}.hall-top{list-style:none;margin:0;padding:0;display:grid;gap:3px}.hall-top li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:10px;background:#ffffffbf;font-size:14px}.hall-top li .rk{text-align:center;font-family:var(--display);color:var(--ink-soft)}.hall-top li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hall-top li .ct{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.hall-top li.podium{background:#fff;font-weight:600}.hall-top li.podium .rk{font-size:17px}.hall-top li.me{background:#ffe8b8;box-shadow:inset 0 0 0 2px #ffb15e}.hall-me{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;border-radius:12px;background:#ff8a1f;color:#fff}.hall-me b{font-family:var(--display);font-weight:400;font-size:22px}.hall-me span:last-child{margin-left:auto;font-size:13px;opacity:.95}.hall-me.none{background:#f1e6dc;color:var(--ink-soft)}.hall-foods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hall-food{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#fff;border-radius:14px;border:1.5px solid #ffe0c2;text-align:center}.hall-food .fr{font-family:var(--display);font-size:11px;color:#fff;background:#d6336c;border-radius:999px;padding:1px 8px}.hall-food:first-child .fr{background:#f2a900}.hall-food img{width:64px;height:64px;object-fit:contain}.hall-food .fi{font-size:40px;line-height:64px;height:64px;color:#e3d3c6}.hall-food b{font-family:var(--display);font-weight:400;font-size:15px;word-break:keep-all}.hall-food .fn,.hall-food.empty b{font-size:12px;color:var(--ink-soft)}.hall-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#fffffff2;box-shadow:0 3px 10px #3a241833;font-size:26px;line-height:34px;color:#d6336c;cursor:pointer;padding:0}.hall-nav.prev{left:-22px}.hall-nav.next{right:-22px}.hall-nav:disabled{opacity:0;pointer-events:none}.hall-dots{display:flex;justify-content:center;gap:6px;margin:10px 0 2px;flex-wrap:wrap}.hall-dot{border:1.5px solid #ffc2d8;background:#fff;color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-family:var(--display);font-size:13px;cursor:pointer}.hall-dot.on{background:#d6336c;border-color:#d6336c;color:#fff}@media(max-width:480px){.hall-nav{display:none}.hall-card header b{font-size:24px}.hall-food img{width:52px;height:52px}.hall-food .fi{line-height:52px;height:52px}}.cer-btn{pointer-events:auto;background:linear-gradient(180deg,#fffaf0,#ffeccc);color:#7a4a12;border:2px solid #ffd27a;box-shadow:0 4px #e0a640,0 10px 22px #e0a64059;animation:cerBob 2.4s ease-in-out infinite}.cer-btn span{font-size:18px}@keyframes cerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}body.ceremony .news,body.ceremony .hud-top,body.ceremony .bottom,body.ceremony #act,body.ceremony #hint,body.ceremony #power,body.ceremony #btn-back,body.ceremony #btn-photo,body.ceremony .legend-board,body.ceremony .chat-spot-ask{visibility:hidden}body.ceremony #labels .tag:not(.npc) .nm{opacity:0}.cer-ov{position:fixed;inset:0;z-index:40;pointer-events:none}.cer-bar{position:absolute;left:0;right:0;height:11vh;background:#0b0816;animation:cerBar .7s ease forwards}.cer-bar.top{top:0;transform:translateY(-100%)}.cer-bar.bot{bottom:0;transform:translateY(100%)}@keyframes cerBar{to{transform:translateY(0)}}.cer-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff,#fff6d8 45%,#ffe6aa00 80%);opacity:0}.cer-flash.go{animation:cerFlash .9s ease-out}@keyframes cerFlash{0%{opacity:var(--o,1)}to{opacity:0}}.cer-skip{pointer-events:auto;position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(11vh + 14px);background:#ffffffe0;border:0;border-radius:999px;padding:7px 14px;font-family:var(--display);font-size:14px;color:var(--ink);cursor:pointer;box-shadow:0 4px 12px #0003}.wing-stat .wing-btn{margin-top:6px;padding:6px 12px;font-size:13px;min-height:0;background:#fff;color:var(--orange-deep);border:2px solid #ffd27a;box-shadow:none}.wing-stat .wing-btn.on{background:#ff8a1f;color:#fff;border-color:#ff8a1f}@media(prefers-reduced-motion:reduce){.cer-btn{animation:none}}.cer-sub{position:absolute;left:50%;bottom:calc(5.5vh - 14px);transform:translate(-50%);margin:0;max-width:86vw;text-align:center;font-family:var(--display);font-size:clamp(17px,3.4vw,26px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transition:opacity .35s}.cer-sub.on{opacity:1}.sg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:12px;align-items:start}.sg-game{background:linear-gradient(180deg,#2a7a52,#1f6342);border-radius:18px;padding:12px 12px 14px;color:#fff;box-shadow:inset 0 0 0 3px #ffd34d}.sg-rule{margin:0 0 8px;font-size:13px;text-align:center;color:#d8f2e3}.sg-rule b{color:#ffd34d;font-weight:400;font-family:var(--display)}.sg-score{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--display);font-size:16px}.sg-score b{font-size:24px;color:#ffd34d;font-weight:400}.sg-dots{display:flex;align-items:center;gap:4px}.sg-dots i{width:12px;height:12px;border-radius:50%;background:#ffffff40;display:block}.sg-dots i.on.me{background:#ff8a1f}.sg-dots i.on.sa{background:#ff5c5c}.sg-dots em{font-style:normal;margin:0 4px;opacity:.7}.sg-table{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 6px}.sg-side{display:flex;flex-direction:column;align-items:center;gap:4px}.sg-who{font-family:var(--display);font-size:14px}.sg-vs{font-family:Lilita One,Arial Black,sans-serif;font-size:26px;color:#ffd34d}.sg-card{width:82px;height:114px;border-radius:12px;display:flex;align-items:center;justify-content:center;perspective:400px}.sg-back{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:34px;color:#ffd34d;background:repeating-linear-gradient(45deg,#13305e 0 8px,#1f5aa8 8px 16px);box-shadow:inset 0 0 0 4px #ffd34d}.sg-santa .sg-back{background:repeating-linear-gradient(45deg,#6b1020 0 8px,#a8203a 8px 16px)}.sg-card.think .sg-back{animation:sgThink .5s ease-in-out infinite alternate}@keyframes sgThink{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-6px) rotate(3deg)}}.sg-card.flip>*{animation:sgFlip .45s ease}@keyframes sgFlip{0%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0) scale(1)}}.sg-face{width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,var(--b1),var(--b2));box-shadow:inset 0 0 0 4px var(--c);color:var(--c)}.sg-face b{font-family:var(--display);font-weight:400;font-size:18px}.sg-result{min-height:24px;margin:6px 0;text-align:center;font-family:var(--display);font-size:16px;color:#fff}.sg-result.win{color:#ffd34d}.sg-result.lose{color:#ffc2c2}.sg-result.big{font-size:19px}.sg-again{display:block;margin:4px auto 8px;background:#ffd34d;color:#3a2418;box-shadow:0 4px #c99a1a}.sg-hand{display:flex;justify-content:center;gap:8px}.sg-pick{position:relative;width:82px;height:114px;padding:0;border:0;background:none;cursor:pointer;border-radius:12px;transition:transform .15s}.sg-pick:hover,.sg-pick:focus-visible{transform:translateY(-8px)}.sg-pick:active{transform:translateY(-2px) scale(.97)}.sg-key{position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;background:#fff;color:#1f6342;font-family:var(--display);font-size:13px;line-height:22px;box-shadow:0 2px 6px #00000040}.sg-hand.wait .sg-pick,.sg-hand.done .sg-pick{opacity:.55;pointer-events:none}.sg-board{background:#fffaf2;border:2px solid #ffd27a;border-radius:16px;padding:10px}.sg-board h3{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:15px;color:var(--orange-deep);text-align:center}.sg-rank{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sg-rank li{display:grid;grid-template-columns:24px 1fr auto;gap:4px;align-items:center;padding:3px 6px;border-radius:8px;font-size:13px;background:#fff}.sg-rank li .rk{text-align:center;font-family:var(--display);color:var(--ink-soft)}.sg-rank li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-rank li .ct{color:var(--ink-soft);font-variant-numeric:tabular-nums}.sg-rank li.me{background:#ffe8b8}.sg-me{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;border-radius:10px;background:#1f6342;color:#fff;font-size:13px}.sg-me b{font-family:var(--display);font-weight:400;font-size:18px;color:#ffd34d}.sg-me span:last-child{margin-left:auto}@media(max-width:640px){.sg-wrap{grid-template-columns:1fr}.sg-card{width:76px;height:106px}.sg-pick{width:84px;height:116px}.sg-face canvas{width:48px!important;height:48px!important}}.legend-board.super .lb-head{background:#6a4fc9;box-shadow:0 3px #4a2fa0}.legend-board.super .lb-card{border-color:#d9c8ff}.legend-board.super .lb-main b,.legend-board.super .lb-main em{color:#6a4fc9}.legend-board.super .lb-plus{color:#b8860b}body.in-super .brand h1{color:#6a4fc9}.legend-board .lb-revive{margin:0;align-self:stretch;text-align:center;font-family:var(--display);font-size:14px;color:#fff;background:linear-gradient(90deg,#6a4fc9,#b48cff);border-radius:14px;padding:7px 10px;box-shadow:0 3px #4a2fa0}.legend-board .lb-revive b{font-weight:400;font-size:20px;color:#ffe28a}.tag.place.cake-tag .nm{background:#ff5c93;font-size:14px;padding:5px 12px;box-shadow:0 3px #c2255c}.rec-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.rec-tab{border:1.5px solid #d9c8ff;background:#fff;color:var(--ink-soft);border-radius:999px;padding:5px 11px;font-family:var(--display);font-size:13px;cursor:pointer}.rec-tab.on{background:#6a4fc9;border-color:#6a4fc9;color:#fff}.rec-body h3{margin:4px 0 6px;font-family:var(--display);font-weight:400;font-size:15px;color:#6a4fc9}.rec-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}.rec-list li{display:grid;grid-template-columns:30px 1fr auto;gap:6px;align-items:center;padding:4px 10px;border-radius:10px;background:#f7f3ff;font-size:14px}.rec-list li .rk{text-align:center;font-family:var(--display);color:var(--ink-soft)}.rec-list li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-list li .ct{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.rec-list li.podium{background:#fff;box-shadow:inset 0 0 0 1.5px #e6dcff}.rec-list li.me{background:#ffe8b8;box-shadow:inset 0 0 0 2px #ffb15e}.rec-list li.empty{grid-template-columns:1fr;color:var(--ink-soft);text-align:center}.rec-me{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 12px;border-radius:12px;background:#6a4fc9;color:#fff;font-size:13px}.rec-me b{font-family:var(--display);font-weight:400;font-size:20px;color:#ffe28a}.rec-me span:last-child{margin-left:auto}.rec-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rec-notes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rec-notes li{display:grid;grid-template-columns:30px 1fr;gap:6px;align-items:start;background:#fff7fa;border:1.5px solid #ffd0e0;border-radius:12px;padding:8px 10px}.rec-notes .q{margin:0;font-size:14px;word-break:keep-all}.rec-notes .by{margin:2px 0 0;font-size:12px;color:#c2255c}.rec-notes .rk{font-family:var(--display);text-align:center}.rec-mine{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.rec-mine li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#f7f3ff;font-size:14px}.rec-mine li b{font-family:var(--display);font-weight:400;font-size:19px;color:#6a4fc9}.rec-mine li span:last-child{margin-left:auto;color:var(--ink-soft)}.rec-more{display:block;margin:10px auto 0}@media(max-width:560px){.rec-two{grid-template-columns:1fr}}.sg-oppo{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:8px 0 2px;padding:6px 8px;background:#00000024;border-radius:12px}.sg-who.sm{font-size:12px;opacity:.85}.sg-backs{display:flex;gap:3px;min-height:26px;align-items:center}.sg-mini-back{display:block;width:16px;height:24px;border-radius:4px;background:repeating-linear-gradient(45deg,#6b1020 0 4px,#a8203a 4px 8px);box-shadow:inset 0 0 0 1.5px #ffd34d}.sg-none{font-size:12px;opacity:.8}.sg-played{display:flex;gap:4px;flex-wrap:wrap}.sg-chip{display:inline-flex;align-items:center;gap:3px;background:#fff;color:var(--c);border-radius:999px;padding:1px 8px 1px 3px;font-family:var(--display);font-size:12px}.sg-round{font-size:13px;opacity:.9;background:#0000002e;border-radius:999px;padding:2px 10px}.sg-cnt{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#ffd34d;color:#3a2418;border-radius:999px;padding:0 8px;font-family:var(--display);font-size:14px;box-shadow:0 2px 6px #00000040}.sg-pick.gone{opacity:.3;filter:grayscale(1);pointer-events:none}.sg-result.draw{color:#cfe8ff}.sg-tip{margin:12px 0 0;font-size:12px;line-height:1.5;color:#d8f2e3;background:#00000026;border-radius:10px;padding:6px 10px}.sg-hand{margin-top:6px;padding-bottom:6px}.hint-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.hint-list li{display:grid;grid-template-columns:36px 1fr 28px;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#fdf6e6;border:1.5px dashed #e0c48a}.hint-list li.done{background:#eefbe9;border-style:solid;border-color:#9bd889}.hint-list .ic{font-size:24px;text-align:center}.hint-list b{font-family:var(--display);font-weight:400;font-size:15px;color:#6b3f1d}.hint-list p{margin:2px 0 0;font-size:13px;color:var(--ink-soft);word-break:keep-all}.hint-list .st{font-size:18px;text-align:center}.sg-game.wide{width:100%}.sg-top{display:flex;align-items:flex-start;gap:8px}.sg-top .sg-rule{flex:1;text-align:left;margin:0 0 6px}.sg-rankbtn{flex:none;background:#fff;color:#1f6342;padding:6px 12px;font-size:13px;min-height:0}.sg-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0}.sg-col{display:flex;flex-direction:column;align-items:center;gap:4px;background:#00000024;border-radius:14px;padding:6px 4px 8px;border:2px solid transparent;color:#fff;font:inherit}.sg-colname{font-family:var(--display);font-size:13px;color:#fff;background:var(--c);border-radius:999px;padding:1px 10px}.sg-stack{display:flex;flex-direction:column;align-items:center}.sg-cols.santa .sg-stack{flex-direction:row;gap:4px}.sg-mini{width:46px;height:62px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--b1),var(--b2));box-shadow:inset 0 0 0 3px var(--c);color:var(--c)}.sg-mini b{font-family:var(--display);font-weight:400;font-size:11px;line-height:1}.sg-mini.back{background:repeating-linear-gradient(45deg,#6b1020 0 5px,#a8203a 5px 10px);box-shadow:inset 0 0 0 2px #ffd34d;width:30px;height:42px}.sg-mini.used{background:transparent;box-shadow:none;border:2px dashed rgba(255,255,255,.55);opacity:.6}.sg-mini.used canvas{opacity:.35}.sg-mini.back.used{width:30px;height:42px}.sg-cols.mine .sg-stack .sg-mini{width:72px;height:96px}.sg-cols.mine .sg-stack .sg-mini+.sg-mini{margin-top:-62px}.sg-cols.mine .sg-stack .sg-mini b{font-size:14px}.sg-col.pick{position:relative;cursor:pointer;transition:transform .15s,border-color .15s}.sg-col.pick:hover:not(:disabled){transform:translateY(-4px)}.sg-col.pick.sel{border-color:#ffd34d;background:#ffd34d2e;transform:translateY(-6px)}.sg-col.pick.empty,.sg-col.pick:disabled{cursor:default;transform:none}.sg-col.pick .sg-key{top:4px;right:6px}.sg-cols.mine.wait{opacity:.6;pointer-events:none}.sg-actions{display:flex;justify-content:center;gap:8px;margin:4px 0 6px}.sg-confirm{background:#ffd34d;color:#3a2418;box-shadow:0 4px #c99a1a;min-width:180px}.sg-confirm:disabled{opacity:.55;box-shadow:none}.sg-board.wide{width:100%;box-sizing:border-box}.sg-back-btn{display:block;margin:10px auto 0}@media(max-width:560px){.sg-cols.mine .sg-stack .sg-mini{width:60px;height:80px}.sg-cols.mine .sg-stack .sg-mini+.sg-mini{margin-top:-52px}.sg-mini.back{width:24px;height:34px}}.sg-game.wide,.sg-board.wide{box-sizing:border-box;max-width:100%}.sg-rankbtn{border:0;border-radius:999px;background:#ffd34d;color:#3a2418;font-family:var(--display);font-size:13px;padding:6px 12px;cursor:pointer;box-shadow:0 3px #c99a1a;white-space:nowrap}.sg-stack .sg-mini{position:relative;z-index:2}.sg-stack .sg-mini.used{z-index:1}.sg-cols.mine .sg-stack .sg-mini.used{margin-top:6px!important}.sg-cols.mine .sg-stack .sg-mini.used+.sg-mini.used{margin-top:-62px!important}