.af-stage{--fg:#efe9dc;--muted:#aaa497;--fire:#e8973f;--fire2:#ffc27a;--sans:ui-sans-serif,system-ui,"Apple SD Gothic Neo",sans-serif;--brush:var(--font-east-sea),"East Sea Dokdo",cursive;--hand:"Gaegu",var(--sans);width:100%;height:calc(100svh - var(--kbar-h,48px));min-height:600px;color:var(--fg);font-family:var(--sans);background:#0b0d12;position:relative;overflow:hidden}.af-stage a{color:inherit;text-decoration:none}.af-three{position:absolute;inset:0}.af-three canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.af-load{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.af-ready .af-load,.af-load .af-load-fail,.af-fail .af-load .af-load-wait{display:none}.af-fail .af-load .af-load-fail{display:inline}.af-ttl{z-index:3;text-shadow:0 2px 12px #000;pointer-events:none;position:absolute;top:16px;left:clamp(16px,3vw,40px)}.af-ttl h1{font:400 58px/1 var(--brush);margin:0}.af-ttl p{font:500 13px var(--sans);color:#d9d2c4;margin:4px 0 0}.af-home{z-index:2;aspect-ratio:9/18.5;background:linear-gradient(145deg,#3a3d44,#15161a 40%,#2a2c31);border-radius:48px;max-width:40%;height:90%;padding:12px;position:absolute;top:50%;right:2.2%;transform:translateY(-50%);box-shadow:0 0 0 2px #0b0c0e,0 30px 70px #000000bf}.af-scr{background:#0e1424 url(/apps-factory/wall.jpg) bottom/cover;border-radius:38px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.af-bar{font:600 12px var(--sans);color:#eef;justify-content:space-between;align-items:center;padding:12px 24px 0;display:flex}.af-bar .af-isl{background:#000;border-radius:12px;width:84px;height:22px}.af-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px 2px;padding:8px 8px 0;display:grid}.af-cap{font:700 12px var(--sans);letter-spacing:.04em;color:#ffffffb8;text-shadow:0 1px 3px #000;grid-column:1/-1;margin:6px 2px -2px}.af-ic{color:#fff;font:600 13px/1.15 var(--sans);text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;transition:transform .18s;display:flex}.af-ic .af-sq{aspect-ratio:1;border-radius:24%;width:100%;max-width:74px;position:relative;box-shadow:0 4px 10px #00000073}.af-ic .af-sq img{border-radius:24%;width:100%;height:100%;display:block}.af-ic .af-lb{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;text-shadow:0 1px 3px #000000e6;max-width:100%;overflow:hidden}.af-ic .af-badge{color:#fff;min-width:18px;height:18px;font:700 12px/18px var(--sans);z-index:1;text-align:center;background:#e0412b;border-radius:9px;padding:0 5px;position:absolute;top:-4px;right:-4px}.af-ic:hover{transform:translateY(-2px)}.af-ic[aria-current] .af-sq{box-shadow:0 0 0 2.5px var(--fire2),0 0 22px #ffb45ab3}.af-ic[aria-current]{transform:scale(1.06)}.af-ic:focus-visible{outline:2px solid var(--fire2);outline-offset:3px;border-radius:12px}.af-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:28px;margin:8px 10px 12px;padding:6px 8px 8px}.af-dock .af-dh{font:700 12px var(--sans);color:#fffc;justify-content:space-between;align-items:center;padding:2px 8px 6px;display:flex}.af-dock .af-dh a{color:var(--fire2);font-weight:600}.af-dock .af-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.af-say{z-index:4;color:#1b1712;--tx:30%;background:#f4efe4;border-radius:20px;width:min(300px,22vw);padding:14px 16px 16px;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 10px 30px #00000080}.af-say.af-hide{opacity:0}.af-say.af-unset{visibility:hidden}.af-say b{font:700 14px var(--sans);color:#8a5a22;margin-bottom:2px;display:block}.af-say p{font:700 19px/1.4 var(--hand);word-break:keep-all;margin:0}.af-say small{font:12.5px/1.4 var(--sans);color:#5d554a;margin-top:8px;display:block}.af-say:after{content:"";background:inherit;width:22px;height:22px;bottom:-9px;left:calc(var(--tx) - 11px);border-radius:3px;position:absolute;transform:rotate(45deg)}.af-stage .af-go{background:var(--fire);color:#1a0f05;min-height:44px;font:700 14px var(--sans);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:0 20px;display:inline-flex}.af-hint{z-index:3;font:13px var(--sans);color:#c9c2b4;text-shadow:0 1px 4px #000;position:absolute;bottom:18px;left:clamp(16px,3vw,40px)}.af-fail .af-say,.af-fail .af-hint{display:none}@media (min-width:761px){.af-home{container-type:size}.af-ic .af-sq{max-width:min(74px,20cqh - 62px)}.af-grid{gap:min(8px,1cqh) 2px}}@media (max-width:760px){.af-stage{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.af-ttl{top:12px;left:16px}.af-ttl h1{font-size:46px}.af-ttl p{display:none}.af-three{height:600px;scroll-margin-top:var(--kbar-h,52px);order:1;position:relative;overflow:hidden}.af-say{z-index:5;border-radius:16px;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:start;column-gap:10px;width:auto;height:112px;margin:0;padding:10px 14px 12px;display:grid;position:absolute;right:16px;top:64px!important;left:16px!important}.af-say:after{left:calc(50% - 11px)}.af-say b{align-self:center;margin:0;font-size:13px}.af-say p{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;margin-top:6px;font-size:16.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.af-say small{display:none}.af-ic{font-size:12.5px}.af-stage .af-go{grid-area:1/2;min-height:40px;margin:0;padding:0 16px;font-size:13px}.af-home{aspect-ratio:auto;max-width:none;height:auto;box-shadow:none;background:0 0;border-radius:28px 28px 0 0;order:3;margin:-28px 0 0;padding:0;position:relative;inset:auto;transform:none}.af-bar{display:none}.af-scr{border-radius:28px 28px 0 0;padding:6px 0 10px}.af-grid{gap:12px 4px;padding:10px 12px 0}.af-ic .af-sq{max-width:60px}.af-hint{display:none}}@media (prefers-reduced-motion:reduce){.af-ic,.af-say{transition:none}}.af-stage{--kbar-h:48px}@media (max-width:760px){.af-stage{--kbar-h:52px}}