.ft-wrap{max-width:640px;margin:0 auto;padding:14px 12px 40px}.ft{--ink:#3a2a35;--po:#d9773f;--chu:#7b5cc4;color:var(--ink)}.ft-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ft-top h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:900}.ft-bal{color:#9a5b00;background:#fff7e6;border:1px solid #f1d9a8;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.ft-stage{aspect-ratio:160/100;width:100%;image-rendering:pixelated;background:#241a3a;border-radius:14px 14px 0 0;display:block}.ft-log{background:#f6f2ff;border:1px solid #e3dbf7;border-top:0;flex-direction:column;gap:9px;height:clamp(220px,36vh,420px);padding:12px 10px;display:flex;overflow-y:auto}.ft-logwrap{position:relative}.ft-newer{color:#fff;cursor:pointer;background:#6c4dc0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #3c1e784d}.ft-say{align-items:flex-start;gap:8px;max-width:92%;display:flex}.ft-say img{width:36px;height:34px;image-rendering:pixelated;background:#2d2144;border-radius:10px;flex:none;padding:2px}.ft-say b{margin:0 0 2px 2px;font-size:12px;display:block}.ft-pochun b{color:var(--po)}.ft-chu b{color:var(--chu)}.ft-say p{word-break:keep-all;overflow-wrap:anywhere;background:#fff;border:1px solid #e6def8;border-radius:4px 14px 14px;margin:0;padding:8px 12px;font-size:15px;line-height:1.5}.ft-chu p{background:#fbf9ff}.ft-me{align-self:flex-end;max-width:80%}.ft-me span{color:#fff;background:#7b5cc4;border-radius:14px 4px 14px 14px;padding:8px 12px;font-size:14px;font-weight:700;display:block}.ft-gap{color:#8a7aa8;background:#ece5fb;border-radius:999px;align-self:center;padding:2px 10px;font-size:12px}.ft-dots{gap:4px;padding:4px 0 0 46px;display:flex}.ft-dots i{background:#b8a6e3;border-radius:50%;width:6px;height:6px;animation:1s infinite ft-bounce}.ft-dots i:nth-child(2){animation-delay:.15s}.ft-dots i:nth-child(3){animation-delay:.3s}@keyframes ft-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ft-saju{background:#fff;border:1px solid #e6def8;border-radius:14px;align-self:stretch;margin:2px 0 2px 44px;padding:12px}.ft-pillars{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ft-pillars>div{flex-direction:column;align-items:center;gap:4px;display:flex}.ft-pillars em{color:#8a7aa8;font-size:11px;font-style:normal}.ft-pillars .me em{color:var(--po);font-weight:800}.ft-pillars strong{aspect-ratio:1;color:#fff;border-radius:10px;place-items:center;width:100%;max-width:58px;font-family:Noto Serif KR,serif;font-size:22px;font-weight:700;display:grid;position:relative}.ft-pillars .me strong:first-of-type{outline-offset:1px;outline:3px solid #ffd84d}.ft-pillars strong small{opacity:.9;font-family:inherit;font-size:10px;position:absolute;bottom:2px;right:5px}.ft-pillars strong.unk{color:#b0a5c9;background:#e9e4f5}.ft-els{gap:4px;margin-top:10px;display:grid}.ft-els>div{grid-template-columns:18px 1fr 16px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.ft-els i{background:#f0ecf8;border-radius:99px;height:8px;overflow:hidden}.ft-els u{border-radius:99px;height:100%;display:block}.ft-els b{text-align:right;color:#8a7aa8}.ft-tags{flex-wrap:wrap;gap:5px;margin:10px 0 0;display:flex}.ft-tags span{color:#5b3f9e;background:#f6f2ff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.ft-cards-log{background:#2d2144;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;margin-left:44px;padding:10px;display:grid}.ft-cards-log>div{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.ft-cards-log em{color:#c9b8f0;font-size:11px;font-style:normal}.ft-cards-log img{width:100%;max-width:72px;image-rendering:pixelated}.ft-cards-log img.rev,.ft-flip img.front.rev{transform:rotate(180deg)}.ft-cards-log b{font-size:13px}.ft-cards-log small{color:#ffd84d;font-size:11px}.ft-panel{background:#fff;border:1px solid #e3dbf7;border-top:0;border-radius:0 0 14px 14px;min-height:64px;padding:12px}.ft-form{gap:10px;display:grid}.ft-form label>span{color:#6b5a8c;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.ft-form input[type=text],.ft-form input:not([type]),.ft-form input[type=date],.ft-form input[type=time]{box-sizing:border-box;width:100%;color:var(--ink);background:#fcfbff;border:1.5px solid #ddd3f3;border-radius:10px;padding:10px 12px;font-size:16px}.ft-time{align-items:center;gap:10px;display:flex}.ft-time input[type=time]{flex:1}.ft-time input:disabled{opacity:.45}.ft-check{white-space:nowrap;align-items:center;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.ft-form button,.ft-btns button{cursor:pointer;color:#5b3f9e;background:#eee8fb;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:12px 16px;font-size:16px;font-weight:900;display:inline-flex}.ft-form button,.ft-btns button.go{color:#fff;background:linear-gradient(#8d6fdb,#6c4dc0);box-shadow:0 3px #4e3394}.ft-form button:disabled{opacity:.45;cursor:default}.ft-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ft-btns button{flex:140px}.ft-note{color:#8a7aa8;text-align:center;margin:0;font-size:12px}.ft-broke{text-align:center;color:#d97706;flex-basis:100%;font-weight:800;display:block}.ft-slots{grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto 12px;display:grid}.ft-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.ft-slot em{color:#6b5a8c;font-size:12px;font-style:normal;font-weight:800}.ft-flip{aspect-ratio:30/46;width:100%;max-width:90px;transform-style:preserve-3d;border:2px dashed #ddd3f3;border-radius:6px;transition:transform .55s cubic-bezier(.3,1.4,.5,1);position:relative}.ft-slot.has .ft-flip{border-color:#0000}.ft-flip img{width:100%;height:100%;image-rendering:pixelated;backface-visibility:hidden;opacity:0;position:absolute;inset:0}.ft-slot.has .ft-flip img.back{opacity:1;animation:.35s ease-out ft-land}.ft-flip img.front{opacity:1;transform:rotateY(180deg)}.ft-flip img.front.rev{transform:rotateY(180deg)rotate(180deg)}.ft-flip.open{transform:rotateY(180deg)}@keyframes ft-land{0%{transform:translateY(30px)scale(.8)}}.ft-deck{grid-template-columns:repeat(11,1fr);gap:4px;display:grid}.ft-deck button{cursor:pointer;transform:rotate(var(--r));background:0 0;border:0;padding:0;transition:transform .15s,opacity .2s}.ft-deck button:hover{transform:rotate(var(--r)) translateY(-5px)}.ft-deck button.gone{opacity:0;pointer-events:none;transform:translateY(-20px)}.ft-deck img{width:100%;image-rendering:pixelated;display:block}.ft-foot{text-align:center;color:#a197b8;margin:12px 0 0;font-size:12px}.ft-chong b{color:#2f7fd0}.ft-top-r{align-items:center;gap:6px;display:flex}.ft-histbtn{color:#5b3f9e;cursor:pointer;background:#fff;border:1px solid #ddd3f3;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:800}.ft-histbtn.on{color:#fff;background:#5b3f9e}.ft-hist{background:#fff;border:1px solid #e3dbf7;border-radius:14px;margin-bottom:10px;padding:10px}.ft-hist ul{gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ft-hist li button{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:#fbf9ff;border:1px solid #ece5fb;border-radius:10px;grid-template-columns:64px 1fr auto auto;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:grid}.ft-hist li button:hover{background:#f1ebff}.ft-hist .d{color:#8a7aa8;font-size:12px}.ft-hist em{color:#8a7aa8;font-size:11px;font-style:normal}.ft-hist strong{color:#6c4dc0;font-weight:900}.ft-hist-empty,.ft-hist-note{color:#8a7aa8;margin:4px 2px;font-size:12px}.ft-signals{background:#2d2144;border-left:1px solid #2d2144;border-right:1px solid #2d2144;align-items:center;gap:5px;padding:7px 10px;display:flex}.ft-signals span{color:#8f80b3;border:1px dashed #5a4a80;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;transition:all .3s}.ft-signals span.on{color:#2d2144;background:#ffd84d;border:1px solid #ffd84d;box-shadow:0 0 10px #ffd84d8c}.ft-signals b{color:#c9b8f0;white-space:nowrap;margin-left:auto;font-size:12px}.ft-signals b i{color:#ffd84d;font-size:15px;font-style:normal}.ft-star{background:linear-gradient(#1f2f5c,#2d2144);border-radius:14px;align-self:stretch;gap:8px;margin:2px 0 2px 44px;padding:10px;display:grid}.ft-star .row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ft-star .row>div{color:#fff;background:#ffffff12;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.ft-star em{color:#9fc3ff;font-size:11px;font-style:normal}.ft-star strong{font-size:16px}.ft-star small{color:#ffd84d;font-size:11px}.ft-score{text-align:center;background:linear-gradient(160deg,#fff7d6,#ffe3f1 60%,#e9e1ff);border:2px solid #ffd84d;border-radius:16px;align-self:stretch;margin:4px 0;padding:14px}.ft-score em{color:#8a6a14;font-size:12px;font-style:normal;font-weight:800}.ft-score strong{color:#6c4dc0;font-size:46px;font-weight:900;line-height:1.1;display:block}.ft-score strong small{margin-left:2px;font-size:18px}.ft-score .bar{background:#6c4dc026;border-radius:99px;max-width:260px;height:10px;margin:6px auto 10px;overflow:hidden}.ft-score .bar u{background:linear-gradient(90deg,#ffb02e,#ff6fa5,#8d6fdb);border-radius:99px;height:100%;display:block}.ft-score p{flex-wrap:wrap;justify-content:center;gap:5px;margin:0;display:flex}.ft-score p span{color:#5b3f9e;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}