.cd-view{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#2a2725,#0e0d0c 50%,#000 85%)}.cd-door{position:relative;width:573px;height:840px;margin-bottom:70px;filter:drop-shadow(0 30px 60px #000);animation:cd-in .6s ease-out both}@keyframes cd-in{0%{opacity:0;transform:translateY(30px)}}.cd-door-svg{width:100%;height:100%;display:block}.cd-plate{fill:none;stroke:#0e0d0c;stroke-width:3}.cd-strap{fill:#232120;stroke:#0b0a0a;stroke-width:2}.cd-rivet{fill:#3b3835;stroke:#0b0a0a;stroke-width:2}.cd-bar{fill:#34312e;stroke:#0b0a0a;stroke-width:3}.cd-bracket{fill:#1a1918;stroke:#000;stroke-width:2}.cd-shackle{fill:none;stroke:#6b6762;stroke-width:6}.cd-body{fill:#4a4641;stroke:#141312;stroke-width:2.5}.cd-hole{fill:#0d0c0b}.cd-flap{fill:#2a2826;stroke:#0b0a0a;stroke-width:3;transform-box:fill-box;transform-origin:50% 0;transform:rotateX(18deg) translateY(-3px)}.cd-light{opacity:.16;animation:cd-flicker 3.2s ease-in-out infinite}@keyframes cd-flicker{0%,to{opacity:.14}40%{opacity:.22}70%{opacity:.12}}.cd-dirlock{position:absolute;left:50%;top:50.4%;width:124px;transform:translate(-50%)}.cd-dl-shackle{width:78px;height:64px;margin:0 auto -6px;border:10px solid #77736d;border-bottom:0;border-radius:40px 40px 0 0}.cd-dl-body{height:150px;border-radius:14px;background:linear-gradient(160deg,#6a6660,#3d3a36 60%,#2a2825);border:3px solid #121110;box-shadow:inset 0 2px #fff2,0 10px 18px #000000a0;display:grid;place-items:center}.cd-dl-pad{position:relative;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,#2b2926,#1a1917);box-shadow:inset 0 3px 6px #000}.cd-dl-btn{position:absolute;width:40px;height:40px;padding:8px;display:grid;place-items:center;color:#b9b2a6;border-radius:8px}.cd-dl-btn svg{width:100%;height:100%;fill:currentColor}.cd-dl-btn:hover:not(:disabled),.cd-dl-btn:focus-visible{color:#f1e9db;outline:none;background:#ffffff10}.cd-dl-btn:disabled{cursor:default}.cd-dl-btn.U{left:34px;top:0}.cd-dl-btn.D{left:34px;bottom:0;transform:rotate(180deg)}.cd-dl-btn.L{left:0;top:34px;transform:rotate(-90deg)}.cd-dl-btn.R{right:0;top:34px;transform:rotate(90deg)}.cd-dl-knob{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8a198,#4a4641 70%);box-shadow:0 2px 4px #000;transition:transform .12s ease-out;pointer-events:none}.cd-dirlock.n-U .cd-dl-knob{transform:translateY(-9px)}.cd-dirlock.n-D .cd-dl-knob{transform:translateY(9px)}.cd-dirlock.n-L .cd-dl-knob{transform:translate(-9px)}.cd-dirlock.n-R .cd-dl-knob{transform:translate(9px)}.cd-view.wrong .cd-dirlock{animation:cd-rattle .5s ease-in-out}@keyframes cd-rattle{0%,to{transform:translate(-50%) rotate(0)}20%{transform:translate(-50%) rotate(-5deg)}45%{transform:translate(-50%) rotate(4deg)}70%{transform:translate(-50%) rotate(-2deg)}}.cd-view.opening .cd-dl-shackle,.cd-view.open .cd-dl-shackle{transform:translateY(-18px);transition:transform .25s ease-out}.cd-view.opening .cd-dirlock,.cd-view.open .cd-dirlock{animation:cd-fall .9s cubic-bezier(.55,0,.9,.4) .45s forwards}@keyframes cd-fall{to{transform:translate(-50%,520px) rotate(24deg);opacity:0}}.cd-drop{transform-box:fill-box}.cd-view.opening .cd-drop,.cd-view.open .cd-drop{animation:cd-drop .8s cubic-bezier(.55,0,.9,.4) forwards}.cd-view .cd-drop.p1{animation-delay:.6s}.cd-view .cd-drop.p2{animation-delay:.8s}.cd-view .cd-drop.p3{animation-delay:.7s}.cd-view .cd-drop.p4{animation-delay:.95s}@keyframes cd-drop{to{transform:translateY(520px) rotate(18deg);opacity:0}}.cd-view.opening .cd-bar-group,.cd-view.open .cd-bar-group{animation:cd-slide .9s ease-in 1.6s forwards}@keyframes cd-slide{to{transform:translate(680px)}}.cd-view.open .cd-flap{transition:transform .8s ease-out;transform:rotateX(75deg) translateY(-30px)}.cd-view.open .cd-light{animation:cd-flicker-open 3s ease-in-out infinite}@keyframes cd-flicker-open{0%,to{opacity:.85}45%{opacity:1}70%{opacity:.75}}.cd-view.open .cd-door{animation:none}.cd-song{position:absolute;left:50%;top:70%;width:520px;transform:translate(-50%);text-align:center;pointer-events:none}.cd-song p{margin:0 0 6px;font-family:Nanum Pen Script,Batang,cursive;font-size:38px;color:#f6d9a0;text-shadow:0 0 14px #ffb85a99;animation:cd-song-in 1.6s ease-out both}@keyframes cd-song-in{0%{opacity:0;transform:translateY(18px);filter:blur(3px)}}.cd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.cd-door,.cd-light,.cd-song p{animation:none}}.rd-view{--rd-room: #1b1410;--rd-wood: #5a3a26;--rd-wood-dk: #3a2416;--rd-wood-lt: #7a5236;--rd-brass: #c9a35c;--rd-brass-dk: #8a6a32;--rd-brass-lt: #e8cf8e;--rd-cloth: #d9c6a0;--rd-cloth-dk: #9c8664;--rd-glass: #f1e6c8;--rd-glow: #ffd98a;--rd-fg-dim: #b5ad9c;--rd-serif: Batang, "Times New Roman", "Nanum Myeongjo", serif;--rd-display: "Times New Roman", Batang, serif;background:#050505;min-height:0;position:relative;overflow:hidden;font-family:var(--rd-serif)}.rd-front{position:relative;z-index:0;display:flex;flex-direction:column;height:100%}.rd-lede{flex:1;display:flex;align-items:center;justify-content:center;margin:0;color:var(--rd-fg-dim);font-size:28px;font-style:italic;letter-spacing:.02em}.rd-room{flex:none;position:relative;width:1504px;height:893px;overflow:hidden}.rd-room-picture{position:absolute;top:-20px;left:0;width:1601px;height:992px}.rd-room-picture img{display:block;width:100%;height:100%;filter:grayscale() contrast(1.08) brightness(.86)}.rd-hot{position:absolute;left:57%;top:40%;width:34.5%;height:45%;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer;outline:none;box-shadow:0 0 #ffd98a00;transition:box-shadow .4s}.rd-hot:after{content:attr(data-label);position:absolute;left:50%;bottom:8px;transform:translate(-50%);white-space:nowrap;font-family:var(--rd-serif);font-size:22px;letter-spacing:.15em;color:var(--rd-brass-lt);background:#1b1410e6;padding:8px 18px;border-radius:999px;border:1px solid rgba(201,163,92,.5);opacity:0;transition:opacity .3s;pointer-events:none}.rd-hot:hover,.rd-hot:focus-visible{box-shadow:0 0 0 3px #ffd98a8c,0 0 40px 8px #ffd98a40}.rd-hot:hover:after,.rd-hot:focus-visible:after{opacity:1}.rd-pulse{position:absolute;right:14%;top:12%;width:20px;height:20px;border-radius:50%;background:var(--rd-glow);box-shadow:0 0 16px 6px #ffd98a99;animation:rd-pulse 2.2s ease-in-out infinite}@keyframes rd-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.5);opacity:.35}}.rd-scene{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:#050505;opacity:0;pointer-events:none;transition:opacity .5s}.rd-scene.open{opacity:1;pointer-events:auto}.rd-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.rd-bg img{width:100%;height:100%;object-fit:cover;object-position:74% 62%;transform-origin:74% 62%;transform:scale(1);filter:grayscale() brightness(.55);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s}.rd-scene.open .rd-bg img{transform:scale(2.4);filter:grayscale() brightness(.32) blur(2px)}.rd-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,#05050500,#050505e0)}.rd-scene>*:not(.rd-bg){position:relative;z-index:1}.rd-scene .rd-radio,.rd-status,.rd-hint{transform:translateY(16px);opacity:0;transition:transform .7s .5s,opacity .7s .5s}.rd-scene.open .rd-radio,.rd-scene.open .rd-status,.rd-scene.open .rd-hint{transform:none;opacity:1}.rd-scene>.rd-back{position:absolute;left:28px;top:24px;z-index:2;background:#0a0a0acc;color:#f4efe4;border:2px solid rgba(235,229,214,.38);padding:12px 24px;font-family:var(--rd-serif);font-size:24px;font-weight:700}.rd-back:hover{filter:brightness(1.15)}.rd-back:focus-visible{outline:2px solid var(--rd-brass-lt);outline-offset:2px}.rd-radio{width:900px;aspect-ratio:1.55;position:relative;box-sizing:border-box;display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:auto 1fr;gap:28px 36px;padding:44px 44px 40px;border-radius:36px 36px 28px 28px;background:linear-gradient(180deg,#ffffff14,#0000 30%,#00000040),repeating-linear-gradient(92deg,#00000014 0 2px,#ffffff08 2px 5px,#0000 5px 11px),linear-gradient(160deg,var(--rd-wood-lt),var(--rd-wood) 45%,var(--rd-wood-dk));box-shadow:0 30px 60px #0009,0 2px #ffffff14 inset,0 -3px #00000059 inset}.rd-radio:before{content:"";position:absolute;inset:16px 18px;border:2px solid var(--rd-brass-dk);border-radius:26px 26px 20px 20px;pointer-events:none;box-shadow:0 0 0 1px #0006,0 0 0 3px #c9a35c26}.rd-grille{grid-row:1 / 3;border-radius:20px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.55) 0 1.6px,transparent 2px) 0 0 / 10px 10px,linear-gradient(180deg,var(--rd-cloth),var(--rd-cloth-dk));box-shadow:0 0 0 4px var(--rd-brass-dk),0 0 0 5px #00000080,inset 0 0 56px #3c230f73}.rd-grille:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%,rgba(0,0,0,.18));pointer-events:none}.rd-dial{position:relative;border-radius:14px;background:linear-gradient(180deg,#fbf3dc,var(--rd-glass) 60%,#e2d3ac);box-shadow:0 0 0 4px var(--rd-brass-dk),0 0 0 5px #00000080,inset 0 4px 10px #00000040,inset 0 -2px 6px #fff6;overflow:hidden;transition:box-shadow .5s}.rd-dial.locked{box-shadow:0 0 0 4px var(--rd-brass),0 0 0 5px #00000080,0 0 36px 6px #ffd98a66,inset 0 4px 10px #0003}.rd-dial svg{display:block;width:100%;height:auto}.rd-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:0}.rd-wrap{display:flex;flex-direction:column;align-items:center}.rd-knob{width:188px;aspect-ratio:1;border-radius:50%;position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.35),transparent 42%),repeating-conic-gradient(from 0deg,rgba(0,0,0,.28) 0 2deg,transparent 2deg 9deg),radial-gradient(circle,#3b2a1c 0 58%,#1f150e 59% 100%);box-shadow:0 10px 22px #0009,0 0 0 4px var(--rd-brass-dk),0 0 0 5px #0009,inset 0 0 0 10px #ffffff08}.rd-knob:focus-visible{box-shadow:0 10px 22px #0009,0 0 0 4px var(--rd-brass-lt),0 0 0 7px #e8cf8e73}.rd-knob:active{cursor:grabbing}.rd-cap{position:absolute;inset:26%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 40% 35%,var(--rd-brass-lt),var(--rd-brass) 45%,var(--rd-brass-dk) 100%);box-shadow:0 3px 8px #00000080,inset 0 -2px 4px #00000059}.rd-rot{position:absolute;inset:0;border-radius:50%;will-change:transform;pointer-events:none}.rd-mark{position:absolute;left:50%;top:7%;width:6px;height:17%;margin-left:-3px;border-radius:3px;background:var(--rd-brass-lt);box-shadow:0 0 4px #0009}.rd-readout{font-family:var(--rd-display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--rd-brass-lt);text-align:center;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.6)}.rd-freq,.rd-freq-input{display:block;width:118px;margin:0 auto;padding:4px 0;font-family:inherit;font-size:48px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;text-align:center;color:inherit;box-sizing:border-box}.rd-freq{cursor:text;border-bottom:2px dotted rgba(232,207,142,.45)}.rd-freq:hover{color:var(--rd-glow)}.rd-freq:focus-visible,.rd-freq-input:focus{outline:2px solid var(--rd-brass-lt);outline-offset:2px}.rd-freq-input{background:#1b1410bf;border:0}.rd-readout small{display:block;font-size:16px;letter-spacing:.3em;color:var(--rd-brass);margin-top:8px}.rd-power{width:64px;height:64px;border-radius:50%;position:relative;color:var(--rd-brass);font-family:var(--rd-serif);font-size:16px;letter-spacing:.1em;background:radial-gradient(circle at 40% 35%,#4a3324,#1d140d 70%);box-shadow:0 6px 14px #0009,0 0 0 3px var(--rd-brass-dk),0 0 0 4px #0009}.rd-power:focus-visible{outline:2px solid var(--rd-brass-lt);outline-offset:3px}.rd-lamp{position:absolute;top:-20px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#3a2a1c;box-shadow:inset 0 0 2px #000;transition:background .3s,box-shadow .3s}.rd-power.on .rd-lamp{background:var(--rd-glow);box-shadow:0 0 14px 4px #ffd98a99}.rd-label{font-size:16px;letter-spacing:.25em;color:var(--rd-brass);text-align:center;margin-top:12px}.rd-nowplaying>*{visibility:hidden}.rd-nowplaying.on>*{visibility:visible}.rd-nowplaying{grid-column:1 / -1;padding:12px 20px;border-radius:10px;background:#1b14108c;border:1px solid rgba(201,163,92,.45);color:var(--rd-brass-lt);text-align:center;line-height:1.45}.rd-nowplaying b{display:block;font-size:26px;letter-spacing:.04em;color:var(--rd-glow);font-weight:700}.rd-nowplaying i{font-family:var(--rd-display);font-size:20px;color:var(--rd-brass)}.rd-status{min-height:1.4em;margin:0;font-size:26px;font-weight:700;color:#efe9dc;text-align:center;transition:transform .7s .5s,opacity .7s .5s,color .4s}.rd-status.on{color:var(--rd-glow)}.rd-hint{margin:0;font-size:19px;color:var(--rd-fg-dim);text-align:center}@media(prefers-reduced-motion:reduce){.rd-scene,.rd-bg img,.rd-scene .rd-radio,.rd-status,.rd-hint,.rd-dial,.rd-lamp{transition:none}.rd-pulse{animation:none}}.nn-view{--nn-brass-ink: #3a2513;--nn-thread: rgba(232, 222, 200, .85);--nn-glass-ink: rgba(244, 238, 226, .92);--nn-ui: #dccbaa;--nn-ui-ground: rgba(21, 16, 11, .58);--nn-focus: #f3dfa8;--nn-font-hand: "Nanum Pen Script", Batang, cursive;--nn-font-letter: "Times New Roman", Batang, serif;background:#050505;min-height:0;position:relative;overflow:hidden;display:flex;justify-content:center}.nn-stage{position:relative;width:575px;height:1022px;container-type:size;overflow:hidden;box-shadow:0 0 0 1px #dcc8a014}.nn-bed{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:grayscale() contrast(1.08) brightness(.92)}.nn-sky{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.nn-star{cursor:grab;outline:none}.nn-star.dragging{cursor:grabbing}.nn-hit{fill:transparent}.nn-letter{font-family:var(--nn-font-letter);font-weight:700;fill:var(--nn-brass-ink)}.nn-ring{fill:none;stroke:var(--nn-focus);stroke-width:3;opacity:0}.nn-star:focus-visible .nn-ring{opacity:.9}.nn-thread{stroke:var(--nn-thread);stroke-width:1.6}.locked .nn-star{cursor:default}.nn-fog,.nn-msg{position:absolute;left:28%;top:15%;width:56.5%;height:23.5%;pointer-events:none}.nn-fog{opacity:0;transition:opacity 2.2s ease;background:radial-gradient(ellipse at 50% 55%,#e8e2d642,#e8e2d61a 58%,#e8e2d600 86%)}.nn-fog.on{opacity:1}.nn-msg{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;text-align:center;padding:0 3cqw;box-sizing:border-box;font-family:var(--nn-font-hand);font-size:7.4cqw;line-height:1.15;color:var(--nn-glass-ink);text-shadow:0 0 .35em rgba(255,252,240,.35)}.nn-word{display:inline-flex}.nn-ch{display:inline-block;opacity:0;filter:blur(4px);animation:nn-write .7s ease forwards;white-space:pre}@keyframes nn-write{to{opacity:1;filter:blur(0)}}.nn-controls{position:absolute;right:3.2%;bottom:1.6%;display:flex;gap:2.4cqw}.nn-controls button{width:11cqw;height:11cqw;border-radius:50%;border:1px solid rgba(220,200,160,.28);background:var(--nn-ui-ground);color:var(--nn-ui);display:grid;place-items:center;padding:0}.nn-controls button:hover{border-color:#dcc8a08c}.nn-controls button:focus-visible{outline:2px solid var(--nn-focus);outline-offset:2px}.nn-controls svg{width:52%;height:52%}.nn-sr{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.nn-ch{filter:none;animation-duration:.01s}.nn-fog{transition-duration:.01s}}.rec-view{--rec-paper: #e9dcc0;--rec-paper-hi: #f3ead6;--rec-ink: #262019;--rec-ink-soft: #6e6152;--rec-hand: #4a3523;--rec-red: #9a2a22;--rec-serif: "Noto Serif KR", Batang, "Times New Roman", serif;--rec-pen: "Nanum Pen Script", Batang, cursive;position:relative;min-height:0;overflow:hidden;background:#050505}.rec-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale() brightness(.3);pointer-events:none;animation:rec-dim .3s ease-out both}@keyframes rec-dim{0%{filter:grayscale() brightness(1)}}.rec-folder{position:absolute;inset:41px 50px;display:grid;grid-template-columns:680px 680px;gap:44px;pointer-events:none;animation:rec-rise .6s cubic-bezier(.2,.8,.2,1) .1s both}@keyframes rec-rise{0%{transform:translateY(60px);opacity:0}}.rec-sheet{position:relative;height:940px;padding:54px 58px;color:var(--rec-ink);font-family:var(--rec-serif);pointer-events:auto;background:radial-gradient(ellipse at 18% 12%,#fff5,#0000 46%),radial-gradient(ellipse at 85% 90%,#8a6a3a22,#0000 40%),radial-gradient(circle at 70% 30%,#7a5a2a10,#0000 22%),linear-gradient(var(--rec-paper-hi),var(--rec-paper));box-shadow:0 22px 50px #000000b0,inset 0 0 60px #6d4c2420}.rec-sheet:after{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:linear-gradient(225deg,#050505 50%,#d6c5a2 50%);box-shadow:-2px 2px 4px #0000004d}.rec-head p{margin:0;font-size:18px;letter-spacing:.3em;color:var(--rec-ink-soft)}.rec-head h2{margin:6px 0 0;font-size:42px;font-weight:700;letter-spacing:.12em;outline:none}.rec-photo{position:absolute;top:46px;right:60px;width:168px;margin:0;padding:8px 8px 22px;background:#f6f1e6;transform:rotate(-3deg);box-shadow:0 6px 14px #0000005c}.rec-photo img{display:block;width:100%;aspect-ratio:279 / 339;object-fit:cover;filter:grayscale() contrast(1.1)}.rec-clip{position:absolute;top:-16px;left:22px;width:22px;height:52px;border:3px solid #6b6b6b;border-radius:11px;transform:rotate(8deg)}.rec-fields{margin:66px 0 0;display:grid;gap:0}.rec-row{display:grid;grid-template-columns:112px 1fr;align-items:baseline;min-height:46px;border-bottom:1px solid #6e615240;padding-top:8px}.rec-row:nth-child(-n+5){margin-right:170px}.rec-row dt{font-size:16px;color:var(--rec-ink-soft);letter-spacing:.05em}.rec-row dd{margin:0;font-size:22px;font-weight:700;position:relative}.rec-redact{display:inline-block;width:190px;height:22px;vertical-align:-3px;background:#121212;clip-path:polygon(0 12%,4% 0,30% 6%,62% 0,96% 8%,100% 40%,98% 92%,70% 100%,35% 94%,6% 100%,1% 70%)}.rec-hand{font-family:var(--rec-pen);color:var(--rec-hand);font-weight:400}.rec-aside{margin-left:18px;font-size:30px;transform:rotate(-4deg);display:inline-block}.rec-arrow{font-size:30px;margin-left:6px}.rec-memo{position:absolute;left:64px;bottom:70px;margin:0;font-size:36px;transform:rotate(-2deg)}.rec-stamp{position:absolute;right:56px;bottom:50px;width:112px;height:112px;transform:rotate(-12deg);opacity:.86;animation:rec-stamp .15s ease-out .8s both}.rec-stamp circle{fill:none;stroke:var(--rec-red);stroke-width:5;stroke-dasharray:60 3 34 2 90 4}.rec-stamp circle.thin{stroke-width:2;stroke-dasharray:none}.rec-stamp text{fill:var(--rec-red);font-family:var(--rec-serif);font-size:46px;font-weight:700}@keyframes rec-stamp{0%{transform:rotate(-12deg) scale(1.35);opacity:0}}.rec-contract{outline:2px solid #6e615266;outline-offset:-26px}.rec-ctitle{margin:8px 0 0;text-align:center;font-size:44px;font-weight:700;letter-spacing:.4em;padding-bottom:14px;border-bottom:3px double var(--rec-ink-soft)}.rec-lead{margin:30px 0 18px;font-size:19px}.rec-clauses{list-style:none;margin:0;padding:0}.rec-clauses li{display:grid;grid-template-columns:124px 1fr;gap:8px;font-size:19px;line-height:1.55;margin-bottom:12px}.rec-clauses li.last{margin-top:26px}.rec-clauses b{font-weight:700;white-space:nowrap}.rec-term{position:relative;display:inline-block;justify-self:start}.rec-strike{position:absolute;left:-6px;right:-6px;top:50%;width:calc(100% + 12px);height:16px;transform:translateY(-50%) rotate(-1deg);overflow:visible;pointer-events:none}.rec-strike path{fill:none;stroke:var(--rec-red);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320}.rec-strike.on path{transition:stroke-dashoffset .8s ease-in .2s;stroke-dashoffset:0}.rec-truth{grid-column:2;display:block;max-height:0;overflow:visible;font-size:36px;line-height:1;color:var(--rec-red);transform:rotate(-3deg);transform-origin:left center;opacity:0}.rec-truth.on{transition:max-height .6s ease .9s,opacity 1.4s ease 1.1s;max-height:48px;opacity:1;margin:2px 0 4px 10px}.rec-confirm{margin:34px 0 18px;font-size:19px}.rec-signrow{display:flex;align-items:center;gap:10px}.rec-signbox{position:relative;width:330px;height:104px;border:1.5px solid var(--rec-ink-soft);display:flex;align-items:center}.rec-signlabel{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--rec-ink-soft)}.rec-signbox img{position:absolute;left:62px;top:50%;width:250px;transform:translateY(-50%) rotate(-2deg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:grayscale()}.rec-h{align-self:flex-end;margin-bottom:8px;font-size:12px;color:#8f8473;transition:opacity 1s;-webkit-user-select:none;user-select:none}.rec-h.gone{opacity:0;transition:opacity .2s}.rec-answer{display:flex;gap:8px;margin-left:18px}.rec-cell{position:relative;width:50px;height:50px;display:block}.rec-handbox{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rec-handbox path{fill:none;stroke:var(--rec-red);stroke-width:2.6;stroke-linejoin:round}.rec-answer{position:relative;cursor:text}.rec-cell b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--rec-pen);font-size:38px;font-weight:400;color:var(--rec-red)}.rec-answer:focus-within .rec-cell.next .rec-handbox path{stroke-width:3.8}.rec-entry{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:text}.rec-answer.wrong b{transition:opacity .6s;opacity:.15}.rec-house{position:absolute;right:66px;bottom:58px;margin:0;font-size:18px;color:var(--rec-ink-soft)}.rec-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.rec-folder,.rec-backdrop,.rec-stamp{animation:none}.rec-strike.on path,.rec-truth.on{transition:none}}.lg-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#000000c4;animation:lg-fade .3s ease-out both}@keyframes lg-fade{0%{background:#0000}}.lg-monitor{position:relative;width:760px;height:540px;padding:40px 44px 64px;border-radius:26px;background:linear-gradient(160deg,#3a3a3a,#161616 40%,#0d0d0d);box-shadow:0 30px 80px #000,inset 0 2px #ffffff1c,inset 0 -3px #00000080;animation:lg-rise .45s cubic-bezier(.2,.8,.2,1) both}@keyframes lg-rise{0%{transform:translateY(40px) scale(.96);opacity:0}}.lg-screen{position:relative;height:100%;border-radius:14px;overflow:hidden;cursor:text;background:radial-gradient(ellipse at 50% 45%,#141414,#040404 75%);box-shadow:inset 0 0 40px #000,inset 0 0 0 2px #000}.lg-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px)}.lg-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 64px;color:#e6dcc6;font-family:"Noto Serif KR",Batang,Times New Roman,serif;font-size:54px;font-weight:700;letter-spacing:.06em;line-height:1.35;text-shadow:0 0 10px #e6dcc633}.lg-text p{margin:0;min-height:1.35em;white-space:pre}.lg-cursor{display:inline-block;width:.62em;height:.09em;margin-left:.08em;background:currentColor;vertical-align:baseline;animation:lg-blink 1s steps(1) infinite}@keyframes lg-blink{50%{opacity:0}}.lg-input{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0}.lg-led{position:absolute;right:54px;bottom:26px;width:10px;height:10px;border-radius:50%;background:#202020;box-shadow:inset 0 1px 2px #000}.lg-monitor.wrong .lg-text{animation:lg-flicker .7s steps(2) both}@keyframes lg-flicker{0%,40%,80%{opacity:1}20%,60%{opacity:.25}}.lg-monitor.off .lg-screen{animation:lg-off .6s ease-in forwards}@keyframes lg-off{60%{filter:brightness(1.6);transform:scaleY(.02)}to{filter:brightness(0);transform:scaleY(.02)}}@media(prefers-reduced-motion:reduce){.lg-backdrop,.lg-monitor,.lg-monitor.wrong .lg-text,.lg-monitor.off .lg-screen,.lg-cursor{animation:none}}.tr-view{position:relative;min-height:0;overflow:hidden;background:#050505}.tr-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale() brightness(.3);pointer-events:none}.tr-folder{position:absolute;inset:41px 0;display:grid;grid-template-columns:627px 680px;justify-content:center;gap:44px;animation:tr-rise .6s cubic-bezier(.2,.8,.2,1) both}@keyframes tr-rise{0%{transform:translateY(60px);opacity:0}}.tr-sheet{position:relative;height:940px;box-shadow:0 22px 50px #000000b0}.tr-tree-sheet{overflow:hidden;background:#efe4cc}.tr-page{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none}.tr-page img{display:block;width:100%;height:100%;pointer-events:none}.tr-strike{position:absolute;left:21.3%;top:88.9%;width:5.4%;height:1.2%;overflow:visible;pointer-events:none}.tr-strike path{fill:none;stroke:#9a2a22;stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}.tr-mark{position:absolute;left:27.4%;top:87.6%;font-family:Nanum Pen Script,Batang,cursive;font-size:30px;color:#9a2a22;transform:rotate(-6deg);pointer-events:none;white-space:nowrap}.tr-person{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;border-radius:3px;transition:box-shadow .2s}.tr-person:hover,.tr-person:focus-visible{box-shadow:0 0 0 2px #3a2c1ecc,0 0 14px #3a2c1e55;outline:none}.tr-person.on{box-shadow:0 0 0 2.5px #9a2a22,0 0 16px #9a2a2266}.tr-notebook{display:flex;flex-direction:column;padding:50px 50px 40px 76px;color:#2a2119;background:linear-gradient(90deg,#0000 52px,#9a2a2238 52px 54px,#0000 54px),linear-gradient(#f4ecda,#e8dcc2)}.tr-notebook:after{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:linear-gradient(225deg,#050505 50%,#d6c5a2 50%);box-shadow:-2px 2px 4px #0000004d}.tr-nb-head p{margin:0;font-family:"Noto Serif KR",Batang,serif;font-size:17px;letter-spacing:.3em;color:#6e6152}.tr-nb-head h3{margin:6px 0 18px;font-family:"Noto Serif KR",Batang,serif;font-size:38px;font-weight:700;letter-spacing:.1em}.tr-nb-body{flex:1;overflow-y:auto;padding-right:8px;background:repeating-linear-gradient(#0000 0 39px,#6e615230 39px 40px);background-attachment:local}.tr-entry{margin:0 0 40px}.tr-entry-tag{margin:0;height:40px;line-height:52px;font-family:"Noto Serif KR",Batang,serif;font-size:14px;color:#6e6152;letter-spacing:.06em}.tr-hand{margin:0;font-family:Nanum Pen Script,Batang,cursive;font-size:31px;line-height:40px;color:#33261a;word-break:keep-all}.tr-hand b{font-weight:400;color:#1f160e}.tr-quote{margin:0 0 40px;font-family:"Noto Serif KR",Batang,serif;font-size:18px;line-height:40px;color:#4a3d30}.tr-quote span{display:block;text-align:right;font-size:15px;color:#6e6152}.tr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.tr-folder{animation:none}}.nl-view{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#2a2725,#0e0d0c 50%,#000 85%)}.nl-stage{position:relative;height:860px;margin-bottom:70px;box-shadow:0 30px 70px #000;animation:nl-in .6s ease-out both}@keyframes nl-in{0%{opacity:0;transform:translateY(30px)}}.nl-dining,.nl-door,.nl-door>img{position:absolute;inset:0;width:100%;height:100%}.nl-dining{object-fit:cover;filter:grayscale() contrast(1.05);opacity:0}.nl-door>img{display:block;filter:grayscale() contrast(1.08) brightness(.92);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.nl-buttons{position:absolute;inset:0}.nl-btn{position:absolute;padding:0;border-radius:6px;background:transparent;transition:box-shadow .1s,background .1s,transform .1s}.nl-btn:hover:not(:disabled),.nl-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f1e9db66}.nl-btn.in{background:#00000059;box-shadow:inset 0 4px 8px #000000b0,inset 0 -1px #fff2;transform:scale(.94)}.nl-btn:disabled{cursor:default}.nl-release{border-radius:4px}.nl-view.wrong .nl-door{animation:nl-rattle .5s ease-in-out}@keyframes nl-rattle{0%,to{transform:translate(0)}20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.nl-view.open .nl-door{transition:opacity 1.6s ease .5s,filter 1.6s ease .5s;opacity:0;filter:brightness(1.6);pointer-events:none}.nl-view.open .nl-dining{transition:opacity 1.8s ease .9s;opacity:1}.nl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.nl-stage,.nl-view.wrong .nl-door{animation:none}.nl-view.open .nl-door,.nl-view.open .nl-dining{transition:none}}.nw-view{position:relative;min-height:0;overflow:hidden;background:#050505;--nw-ink: #262019;--nw-soft: #6e6152;--nw-red: #9a2a22;--nw-serif: "Noto Serif KR", Batang, "Times New Roman", serif}.nw-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale() brightness(.3);pointer-events:none}.nw-folder{position:absolute;inset:41px 0;display:grid;grid-template-columns:600px 700px;justify-content:center;gap:44px;animation:nw-rise .6s cubic-bezier(.2,.8,.2,1) both}@keyframes nw-rise{0%{transform:translateY(60px);opacity:0}}.nw-sheet{position:relative;height:940px;padding:54px 52px;color:var(--nw-ink);font-family:var(--nw-serif);background:radial-gradient(ellipse at 18% 12%,#fff5,#0000 46%),radial-gradient(ellipse at 85% 90%,#8a6a3a22,#0000 40%),linear-gradient(#f3ead6,#e9dcc0);box-shadow:0 22px 50px #000000b0,inset 0 0 60px #6d4c2420}.nw-sheet:after{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:linear-gradient(225deg,#050505 50%,#d6c5a2 50%);box-shadow:-2px 2px 4px #0000004d}.nw-head p{margin:0;font-size:17px;letter-spacing:.3em;color:var(--nw-soft)}.nw-head h2{margin:6px 0 26px;font-size:40px;letter-spacing:.12em;padding-bottom:14px;border-bottom:3px double #6e615299}.nw-list ol{list-style:none;margin:0;padding:0}.nw-item{position:relative;width:100%;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;text-align:left;padding:16px 8px;border-bottom:1px solid #6e615240;font-family:var(--nw-serif);transition:background .15s}.nw-item:hover,.nw-item:focus-visible{background:#6e615214;outline:none}.nw-item.on{background:#6e615222}.nw-tag{grid-row:span 2;align-self:start;justify-self:start;padding:3px 8px;border:1.5px solid var(--nw-soft);font-size:15px;color:var(--nw-soft);white-space:nowrap}.nw-tag.urgent{border-color:var(--nw-red);color:var(--nw-red)}.nw-title{font-size:21px;font-weight:700;line-height:1.4}.nw-date{font-size:14px;color:var(--nw-soft);margin-top:4px}.nw-new{position:absolute;right:10px;top:16px;font-family:Nanum Pen Script,Batang,cursive;font-size:24px;color:var(--nw-red);transform:rotate(-6deg)}.nw-post-meta{margin:0;font-size:15px;color:var(--nw-soft)}.nw-post-meta .nw-tag{display:inline-block;margin-right:8px}.nw-post h3{margin:16px 0 30px;font-size:32px;line-height:1.4;padding-bottom:20px;border-bottom:1px solid #6e615266}.nw-post p{font-size:20px;line-height:1.9;margin:0 0 14px;word-break:keep-all}.nw-post p.nw-sign{text-align:right;color:var(--nw-soft)}.nw-house{position:absolute;right:56px;bottom:52px;margin:0!important;font-size:17px!important;color:var(--nw-soft)}@media(prefers-reduced-motion:reduce){.nw-folder{animation:none}}.ip-view{--ip-paper: #f2f0eb;--ip-tint: #e8e5de;--ip-ink: #1b1a18;--ip-soft: #5d5a54;--ip-line: #1b1a1826;--ip-dark: #141312;--ip-dark-ink: #ece8e0;--ip-dark-soft: #a9a49a;--ip-red: #9a2a22;--ip-serif: "Noto Serif KR", Batang, "Times New Roman", serif;position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--ip-paper);color:var(--ip-ink);font-family:var(--ip-serif);scrollbar-width:thin;scrollbar-color:#8a867e transparent}.ip-view::-webkit-scrollbar{width:10px}.ip-view::-webkit-scrollbar-thumb{background:#8a867e;border:3px solid var(--ip-paper);border-radius:6px}.ip-view ::selection{background:#1b1a18;color:#f2f0eb}.ip-wrap{width:1180px;margin:0 auto}.ip-hero{position:relative;height:540px;overflow:hidden;background:#000}.ip-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:grayscale() brightness(.62) contrast(1.05);transform:scale(1.04);animation:ip-settle 2.4s cubic-bezier(.16,1,.3,1) both}@keyframes ip-settle{0%{transform:scale(1.12);filter:grayscale() brightness(.3) contrast(1.05)}}.ip-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000c4,#00000070 42%,#0000 70%),linear-gradient(0deg,#000000a0,#0000 45%)}.ip-hero-copy{position:absolute;z-index:1;left:162px;bottom:84px;color:#f3efe7}.ip-hero h1{margin:0;font-size:92px;line-height:1.05;font-weight:700;letter-spacing:-.01em}.ip-since{margin:14px 0 0;font-size:18px;letter-spacing:.42em;text-transform:uppercase;color:#cfc9be}.ip-hero-line{margin:40px 0 0;font-size:24px;line-height:1.6;color:#e4dfd5}.ip-nav{position:sticky;top:0;z-index:3;background:#f2f0ebf2;border-bottom:1px solid var(--ip-line);box-shadow:0 6px 18px #0000000f}.ip-nav .ip-wrap{display:flex;gap:8px}.ip-nav button{position:relative;padding:22px 22px 20px;font:600 18px var(--ip-serif);color:var(--ip-soft);letter-spacing:.04em;transition:color .2s}.ip-nav button:first-child{margin-left:-22px}.ip-nav button:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:var(--ip-ink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.ip-nav button:hover,.ip-nav button.on{color:var(--ip-ink)}.ip-nav button.on:after{transform:scaleX(1)}.ip-nav button:focus-visible{outline:2px solid var(--ip-ink);outline-offset:-6px}.ip-section{padding:120px 0 112px}.ip-tint{background:var(--ip-tint)}.ip-split{display:grid;grid-template-columns:250px 1fr;column-gap:60px;align-items:start}.ip-section h2{margin:0;font-size:40px;line-height:1.2;font-weight:700;letter-spacing:.02em;border-top:2px solid currentColor;padding-top:22px}.ip-greeting{display:grid;grid-template-columns:340px 1fr;column-gap:64px;align-items:start}.ip-greeting img{display:block;width:340px;height:auto;box-shadow:0 18px 40px #0003}.ip-letter p{margin:0 0 26px;font-size:20px;line-height:1.95;color:#2c2a27;max-width:34em;word-break:keep-all}.ip-letter .ip-lead{font-size:30px;line-height:1.55;font-weight:700;color:var(--ip-ink);margin-bottom:40px}.ip-letter .ip-sign{margin-top:56px;display:flex;align-items:baseline;gap:18px}.ip-sign span{font-size:17px;color:var(--ip-soft);letter-spacing:.06em}.ip-sign strong{font-family:Nanum Pen Script,Batang,cursive;font-weight:400;font-size:52px;line-height:1;color:var(--ip-ink);transform:rotate(-4deg);display:inline-block}.ip-history{list-style:none;margin:0;padding:0;border-top:1px solid var(--ip-line)}.ip-history li{display:grid;grid-template-columns:220px 1fr;padding:30px 0;border-bottom:1px solid var(--ip-line)}.ip-history time{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em}.ip-history li:first-child time{font-size:56px;line-height:1;letter-spacing:-.02em}.ip-history p{margin:0;font-size:22px;line-height:1.5;font-weight:600}.ip-history span{display:block;margin-top:6px;font-size:17px;color:var(--ip-soft)}.ip-values{margin:0}.ip-values div{display:grid;grid-template-columns:200px 1fr;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--ip-line)}.ip-values div:first-child{padding-top:0}.ip-values dt{font-size:54px;line-height:1;font-weight:700;letter-spacing:.04em}.ip-values dd{margin:0;font-size:24px;line-height:1.7;color:#2c2a27;word-break:keep-all}.ip-dark{background:var(--ip-dark);color:var(--ip-dark-ink)}.ip-offer{margin:0 0 44px;font-size:36px;line-height:1.4;font-weight:700}.ip-terms{margin:0 0 48px;border-top:1px solid #ece8e033}.ip-terms div{display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-bottom:1px solid #ece8e033;font-size:20px;line-height:1.6}.ip-terms dt{color:var(--ip-dark-soft);font-size:17px;align-self:center}.ip-terms dd{margin:0}.ip-terms-light{border-top-color:var(--ip-line)}.ip-terms-light div{grid-template-columns:96px 1fr}.ip-terms-light div{border-bottom-color:var(--ip-line)}.ip-terms-light dt{color:var(--ip-soft)}.ip-cta{display:inline-flex;align-items:center;gap:14px;padding:18px 30px;border:1px solid var(--ip-dark-ink);color:var(--ip-dark-ink);font:600 19px var(--ip-serif);letter-spacing:.04em;transition:background .25s,color .25s}.ip-cta svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.ip-cta:hover,.ip-cta:focus-visible{background:var(--ip-dark-ink);color:var(--ip-dark);outline:none}.ip-cta:hover svg{transform:translate(5px)}.ip-facility{display:grid;grid-template-columns:minmax(0,1fr) 480px;column-gap:56px;align-items:start}.ip-facility .ip-terms{margin:0}.ip-redact{display:inline-block;width:200px;height:18px;vertical-align:middle;background:#111;transform:skew(-3deg)}.ip-plan{position:relative;margin:0;box-shadow:0 18px 40px #00000040}.ip-plan>img{display:block;width:480px;height:720px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ip-pins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ip-pins ellipse{fill:none;stroke:var(--ip-red);stroke-width:5;stroke-linecap:round;opacity:.85}.ip-pins ellipse.b{stroke-width:2.5;opacity:.55}.ip-pins text{font-family:Nanum Pen Script,Batang,cursive;font-size:50px;fill:var(--ip-red)}.ip-pins .fresh ellipse{stroke-dasharray:1;stroke-dashoffset:1;animation:ip-draw .9s ease-in-out .6s forwards}.ip-pins .fresh ellipse.b{animation-delay:1.3s}.ip-pins .fresh text{opacity:0;animation:ip-fade .6s ease-out 1.7s forwards}@keyframes ip-draw{to{stroke-dashoffset:0}}@keyframes ip-fade{to{opacity:1}}.ip-footer{padding:56px 0 64px;background:#0d0c0b;color:#8f8a80;font-size:15px}.ip-footer .ip-wrap{display:grid;grid-template-columns:1fr auto auto;column-gap:48px;align-items:baseline}.ip-footer p{margin:0}.ip-footer-name{font-size:24px;font-weight:700;color:#e4dfd5}.ip-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.ip-hero>img{animation:none}.ip-pins .fresh ellipse,.ip-pins .fresh text{animation:none;stroke-dashoffset:0;opacity:1}.ip-nav button:after{transition:none}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#111;background:#050505;font-family:Times New Roman,Batang,Nanum Myeongjo,serif;overflow:hidden}#root{background:#050505;width:100vw;height:100vh;position:relative;overflow:hidden}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.app-shell{width:1920px;height:1080px;transform:translate(-50%) scale(var(--game-scale));transform-origin:top;background:#080808;grid-template-columns:416px 1fr;display:grid;position:absolute;top:0;left:50%;overflow:hidden}.ratio-gate{color:#111;text-align:center;word-break:keep-all;background:radial-gradient(circle at 20% 15%,#ffffffeb,#0000 38%),linear-gradient(#f4f1e9f5,#ddd8ccf5);border:4px solid #111;width:min(820px,100vw - 40px);padding:34px 38px;font-family:Batang,Times New Roman,serif;font-size:clamp(24px,4vw,42px);font-weight:800;line-height:1.55;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #ffffffb3,0 18px 60px #000000a6}.sidebar{z-index:3;background:radial-gradient(circle at 18% 8%,#ffffffd6,#0000 34%),radial-gradient(circle at 80% 88%,#cac3b861,#0000 36%),linear-gradient(90deg,#00000014,#0000 12% 88%,#00000014),#eeeae1;border-right:4px solid #111;flex-direction:column;height:1080px;padding:12px 24px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #000000b8,inset 0 0 42px #271f182e}.menu-title{object-fit:contain;flex:none;width:100%;height:230px}.menu-list{gap:13px;padding-top:8px;display:grid}.menu-button{width:100%;height:111px;padding:0;transition:transform .16s,filter .16s;display:block;position:relative}.menu-button:hover,.login-button:hover{filter:contrast(1.15) brightness(.95);transform:translate(2px)}.menu-button img,.login-button img{object-fit:fill;width:100%;height:100%;display:block}.menu-button .menu-icon{object-fit:contain;opacity:.92;pointer-events:none;width:68px;height:64px;position:absolute;top:50%;left:8.5%;transform:translateY(-50%)}.sidebar-spacer{border-bottom:2px solid #000000b8;flex:1;min-height:20px;margin:0 2px 8px}.login-button{width:100%;height:72px;padding:0;transition:transform .16s,filter .16s;display:block;position:relative}.copyright{text-align:center;white-space:nowrap;margin:5px 0 0;font-size:15px;font-weight:700}.content{position:relative;grid-template-rows:58px 1fr;min-width:0;height:1080px;display:grid}.top-notice{z-index:2;background:linear-gradient(#ffffffb3,#eceae4c2),url(/assets/menu_bg-Bg-nnI_Q.webp) 50% 9%/1200px no-repeat;border-bottom:4px solid #111;justify-content:space-between;align-items:center;padding:0 28px 0 36px;font-weight:700;display:flex;box-shadow:inset 0 0 0 2px #0000008c}.notice-copy,.notice-tools{align-items:center;min-width:0;display:flex}.notice-copy{gap:16px;font-size:22px}.notice-copy span,.notice-tools i{opacity:.82;background:#111;width:2px;height:25px}.notice-copy p{white-space:nowrap;margin:0}.notice-tools{white-space:nowrap;gap:13px;font-size:20px}.notice-tools button{place-items:center;width:32px;height:32px;padding:0;display:grid}.scene-grid{background:#050505;grid-template-columns:minmax(0,1fr) 440px;min-height:0;display:grid}.gallery-view{background:#050505;min-height:0;position:relative;overflow:hidden}.gallery-view img{object-fit:cover;object-position:120% 50%;filter:grayscale() contrast(1.08) brightness(.92);width:110%;height:120%;display:block;transform:translateY(-12%)}.gallery-frame-layer{z-index:2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,1fr);place-items:center;gap:26px 34px;display:grid;position:absolute;inset:15.5% 6% 9% 7%}.gallery-frame{filter:grayscale() contrast(1.08) drop-shadow(0 10px 12px #000000a8);background:0 0;border:0;width:100%;max-width:188px;height:100%;max-height:300px;padding:0;position:relative}.gallery-frame>img{object-fit:contain;width:100%;height:100%;display:block}.empty-frame{background:radial-gradient(circle at 50% 43%,#ffffff14,#0000 42%),linear-gradient(#141211f2,#020202f5);border:10px solid #111;width:100%;height:82%;display:block;position:relative;box-shadow:inset 0 0 0 3px #b2a8922e,inset 0 0 0 12px #000000c7,0 10px 18px #0000009e}.empty-frame:before,.empty-frame:after{content:"";background:linear-gradient(#c4bca847,#40372e7a);border:2px solid #1c1815f5;width:56%;height:16px;position:absolute;left:50%;transform:translate(-50%)}.empty-frame:before{top:-20px}.empty-frame:after{bottom:-20px}.empty-frame i{border:1px solid #e4dccc24;position:absolute;inset:18px}.empty-frame b{color:#eee8dcd1;white-space:pre-line;font-family:Batang,Times New Roman,serif;font-size:26px;font-weight:700;line-height:1.25;position:absolute;top:45%;left:12px;right:12px;transform:translateY(-50%)}.gallery-frame:hover{filter:grayscale() contrast(1.18) brightness(1.08) drop-shadow(0 10px 14px #000000b8)}.portrait-detail{background:#050505;justify-content:center;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.portrait-scene{aspect-ratio:1;--night-amount: .16;background:#050505;width:min(100%,1022px);height:1022px;max-height:100%;animation:.36s ease-out both portrait-zoom-in;position:relative;overflow:hidden}.portrait-day,.portrait-night{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.portrait-day{filter:saturate(.82) contrast(1.08) brightness(.88)}.portrait-night{opacity:var(--night-amount);filter:contrast(1.12) brightness(.92);will-change:opacity}.portrait-scene:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at 42% 28%,#ffffff14,#0000 20%),linear-gradient(90deg,#0003,#0000 18% 78%,#0000001f);position:absolute;inset:0}.portrait-clock{z-index:4;touch-action:none;cursor:grab;filter:grayscale() contrast(1.08) drop-shadow(0 12px 18px #0000009e);width:200px;height:255px;position:absolute;top:16px;left:22px}.portrait-clock:active{cursor:grabbing}.clock-body,.clock-hand{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.clock-body{z-index:1}.clock-hand{z-index:2;--hand-angle: 0deg;translate:var(--hand-x) var(--hand-y);rotate:var(--hand-angle);scale:var(--hand-scale);will-change:rotate}.hour-hand{opacity:.96;--hand-x: 50px;--hand-y: 20px;transform-origin:50.05% 57.45%;width:50%;height:50%}.minute-hand{opacity:.96;--hand-x: 50px;--hand-y: 10px;transform-origin:49.95% 64.97%;width:50%;height:50%}.portrait-back{z-index:8;color:#f4efe4e0;background:linear-gradient(#191715e0,#040404e6);border:2px solid #ebe5d661;min-width:210px;height:54px;font-family:Batang,Times New Roman,serif;font-size:24px;font-weight:700;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #000000b3,0 8px 18px #0000009e}.portrait-back:hover{filter:brightness(1.15)}@keyframes portrait-zoom-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.stage{z-index:2;border-right:4px solid #111;min-width:0;min-height:0;position:relative;overflow:visible}.mansion{z-index:0;object-fit:cover;object-position:50% 50%;filter:contrast(1.08) brightness(.92) grayscale();width:100%;height:100%;position:relative}.stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000 18% 72%,#00000038),radial-gradient(circle at 56% 62%,#0000 0 34%,#0003 76%);position:absolute;inset:0}.butler-button{z-index:10;cursor:pointer;filter:drop-shadow(-14px 6px 9px #000000b8);width:1240px;padding:0;line-height:0;position:absolute;bottom:-8%;right:-47%}.butler-button:focus-visible{outline-offset:-18px;outline:4px solid #f5f1e6e6}.butler{filter:grayscale() contrast(1.15);pointer-events:none;width:100%;height:auto;display:block}.keeper-panel{background:#181818;position:relative;overflow:hidden}.wall{object-fit:fill;object-position:50% 50%;filter:grayscale() contrast(1.05) brightness(1.22);width:152%;height:103%;position:absolute;top:-1%;left:50%;transform:translate(-50%)}.keeper-note{color:#111;text-shadow:0 1px #ffffff2e;min-height:37%;padding:4px 6px;font-family:Batang,Times New Roman,serif;font-weight:700;position:absolute;top:36.5%;left:16%;right:13%}.keeper-note h2{letter-spacing:0;margin:0 0 28px;font-size:42px}.keeper-note p{word-break:keep-all;margin:0 0 15px;font-size:18px;line-height:1.72}.keeper-note .typed-note{white-space:pre-line;word-break:keep-all;margin:0;font-size:22px;line-height:1.6}.keeper-note strong{text-align:right;margin-top:30px;font-size:38px;font-style:italic;font-weight:500;display:block;transform:rotate(-7deg)}.login-button.member:after{content:"입주자";position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-6deg);font-family:Nanum Pen Script,Batang,cursive;font-size:30px;color:#9a2a22;pointer-events:none}.settings-wrap{position:relative}.settings-card{position:absolute;top:46px;right:-10px;z-index:20;width:220px;padding:10px;background:linear-gradient(#f3ead6,#e6d9bd);border:1px solid #00000059;box-shadow:0 14px 30px #000000a0,inset 0 0 24px #6d4c2420;font-family:"Noto Serif KR",Batang,serif;animation:settings-in .18s ease-out both}.settings-card:before{content:"";position:absolute;top:-8px;right:22px;width:14px;height:14px;background:#f3ead6;border-left:1px solid #00000059;border-top:1px solid #00000059;transform:rotate(45deg)}@keyframes settings-in{0%{opacity:0;transform:translateY(-6px)}}.notice-tools .settings-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;width:100%;height:auto;padding:10px 12px;color:#262019;font:700 19px "Noto Serif KR",Batang,serif;text-align:left}.notice-tools .settings-row:hover,.notice-tools .settings-row:focus-visible{background:#6e615222;outline:none}.settings-row em{font-style:normal;font-family:Nanum Pen Script,Batang,cursive;font-size:26px;font-weight:400}.settings-row em.on{color:#262019}.settings-row em.off{color:#9a2a22}@media(prefers-reduced-motion:reduce){.settings-card{animation:none}}.mansion-win{position:absolute;inset:0;pointer-events:none}.mansion-win.fresh{animation:win-on 1.8s ease-out both}@keyframes win-on{0%{opacity:0}18%{opacity:.7}26%{opacity:.1}40%{opacity:.85}48%{opacity:.35}to{opacity:1}}.h-marks{position:absolute;inset:0;z-index:5;pointer-events:none}.h-mark{position:absolute;width:54px;height:54px;overflow:visible;mix-blend-mode:screen}.h-mark path{fill:none;stroke-linecap:round}.h-mark path.a{stroke:#ece4d4;stroke-width:1.7;opacity:.34}.h-mark path.b{stroke:#ece4d4;stroke-width:.9;opacity:.22}.h-mark.fresh path{stroke-dasharray:1;stroke-dashoffset:1;animation:h-scratch .38s ease-in var(--d) forwards}.h-mark.fresh{animation:h-glint 2.6s ease-out 1.4s both}@keyframes h-scratch{to{stroke-dashoffset:0}}@keyframes h-glint{0%{filter:drop-shadow(0 0 6px #fff8)}to{filter:none}}@media(prefers-reduced-motion:reduce){.mansion-win.fresh,.h-mark.fresh,.h-mark.fresh path{animation:none;stroke-dashoffset:0}}.menu-title-button{flex:none;display:block;width:100%;padding:0;line-height:0;cursor:pointer}.menu-title-button:focus-visible{outline:3px solid #111;outline-offset:-6px}.menu-label{position:absolute;left:31%;top:45%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;font-family:Nanum Myeongjo,"Noto Serif KR",Batang,serif;font-weight:800;font-size:36px;line-height:1;letter-spacing:.01em;color:#161514;white-space:nowrap;pointer-events:none}.menu-label em{font-style:normal;font-family:"Noto Serif KR",Batang,serif;font-weight:700;font-size:15px;letter-spacing:.04em;color:#f2efe8;background:#161514;padding:5px 9px 4px;border-radius:6px}
