/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#130c07;--bg2:#1d130c;--panel:#1b120cf0;--line:#e9ba6e2e;--line2:#e9ba6e57;--text:#f4e8d6;--muted:#b9a185;--dim:#8a735c;--gold:#e9ba6e;--gold2:#c8913f;--red:#e0735f;--green:#8fc27a;--wood-hi:#9a6436;--wood:#6e4122;--wood-lo:#3e2310;--wall:#2a170b;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;overflow:hidden}#root{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text)}.serif{font-family:Noto Serif KR,serif}.grain-h{background-color:var(--wood);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='700' height='160'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.0035 0.16' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.08  0 0 0 0 0.03  1.5 0 0 0 -0.45'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>"),linear-gradient(180deg,var(--wood-hi),var(--wood) 55%,var(--wood-lo));background-size:700px 160px,100% 100%}.grain-v{background-color:var(--wood);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='700'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.16 0.0035' numOctaves='4' seed='3'/><feColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.08  0 0 0 0 0.03  1.5 0 0 0 -0.45'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>"),linear-gradient(90deg,var(--wood-lo),var(--wood-hi) 35%,var(--wood) 70%,var(--wood-lo));background-size:160px 700px,100% 100%}.app{isolation:isolate;grid-template-columns:236px 1fr;height:100%;display:grid;position:relative}.room{z-index:-1;background:radial-gradient(60% 50% at 55% 18%,#ffaa5029,#0000 70%),radial-gradient(40% 60% at 4% 92%,#ffa0461f,#0000 70%),repeating-linear-gradient(90deg,#0000 0,#0000 38px,#0000002e 38px,#0000002e 40px),linear-gradient(#24150c,#120b06 70%);position:fixed;top:0;right:0;bottom:0;left:0}.room:before,.room:after{content:"";filter:blur(7px);opacity:.28;background-blend-mode:multiply;background:repeating-linear-gradient(90deg,#7b3b2a 0,#7b3b2a 26px,#2f4d63 26px,#2f4d63 44px,#a07a33 44px,#a07a33 70px,#4b2d5a 70px,#4b2d5a 86px,#3b5b3b 86px,#3b5b3b 112px,#8d4b3a 112px,#8d4b3a 130px),linear-gradient(#000,#000);width:22%;position:absolute;top:12%;bottom:6%;-webkit-mask:repeating-linear-gradient(#000 0 150px,#0000 150px 178px);mask:repeating-linear-gradient(#000 0 150px,#0000 150px 178px)}.room:before{left:236px}.room:after{right:0}.sidebar{border-right:1px solid var(--line);z-index:30;background:linear-gradient(#1a110bf7,#120c08f7);flex-direction:column;min-height:0;padding:20px 14px;display:flex}.logo{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:2px 6px 22px;display:flex}.logo b{letter-spacing:-.02em;font-family:Noto Serif KR,serif;font-size:17px;font-weight:900;line-height:1.15;display:block}.logo small{color:var(--dim);font-size:11px}.sidebar ul{flex-direction:column;gap:3px;margin:18px 0 0;padding:0;list-style:none;display:flex}.sidebar li button{width:100%;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:15px;font-weight:500;transition:background .2s,color .2s;display:flex}.sidebar li button:hover{color:var(--text);background:#e9ba6e12}.sidebar li button.on{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(90deg,#e9ba6e33,#e9ba6e0f)}.sidebar li button.on svg{color:var(--gold)}.sidebar li span{text-align:left;flex:1}.sidebar li em{color:var(--dim);background:#ffffff0d;border-radius:10px;padding:1px 8px;font-size:12px;font-style:normal}.side-foot{margin-top:auto;padding:14px 8px 0;position:relative}.side-foot p{color:var(--dim);margin:0;font-size:12px;line-height:1.6}.lamp-deco{background:radial-gradient(40% 50% at 30% 45%,#ffbe6480,#0000 70%),radial-gradient(10% 14% at 30% 40%,#ffe2a3,#0000);height:90px;margin-bottom:10px}.main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.topbar{z-index:20;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:16px 24px 8px;display:flex;position:relative}.search{border:1px solid var(--line);max-width:480px;height:44px;color:var(--muted);background:#fff0dc12;border-radius:22px;flex:300px;align-items:center;gap:10px;padding:0 16px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.search input::placeholder{color:var(--dim)}.filters{flex-wrap:wrap;flex:100%;order:2;gap:8px;display:flex}.top-right{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.pill{border:1px solid var(--line);height:36px;color:var(--text);white-space:nowrap;background:#fff0dc0f;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;transition:background .2s,border-color .2s;display:inline-flex}.pill:hover{background:#fff0dc1c}.pill.on{border-color:var(--gold2);color:#ffe7bf;background:#e9ba6e2e}.pill.reset{color:var(--muted)}.dd-menu{z-index:200;border:1px solid var(--line2);background:#22170f;border-radius:14px;min-width:170px;padding:6px;animation:.16s ease-out pop;position:fixed;box-shadow:0 18px 40px #0009}.dd-menu button{width:100%;color:var(--muted);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.dd-menu button:hover{color:var(--text);background:#e9ba6e1a}.dd-menu button.sel{color:var(--gold)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.icon-btn{width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;transition:background .2s,color .2s;display:inline-grid}.icon-btn:hover{color:var(--text);background:#ffffff12}.bell{position:relative}.bell i{background:#e8554a;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.me{border-radius:22px;align-items:center;gap:8px;padding:3px 8px 3px 3px;font-weight:500;display:flex}.me:hover{background:#ffffff0f}.avatar{color:#3a1d0b;background:radial-gradient(circle at 35% 30%,#f3c88a,#b8743c);border-radius:50%;place-items:center;width:36px;height:36px;font-family:Noto Serif KR,serif;font-weight:700;display:inline-grid;box-shadow:0 0 0 2px #e9ba6e59}.avatar.sm{width:24px;height:24px;font-size:12px}.pop-menu{border:1px solid var(--line2);z-index:100;background:#22170f;border-radius:14px;width:250px;padding:12px;position:absolute;top:46px;right:0;box-shadow:0 18px 40px #0009}.pop-menu h5{color:var(--gold);margin:2px 4px 8px;font-size:13px}.pop-menu p{color:var(--muted);border-top:1px solid #ffffff0d;margin:0;padding:7px 4px;font-size:13px}.pop-menu button{background:#ffffff0d;border-radius:9px;align-items:center;gap:8px;width:100%;margin-top:8px;padding:9px 10px;font-size:13px;display:flex}.toolbar{z-index:10;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:4px 24px 6px;display:flex}.vt{align-items:baseline;gap:12px;margin-right:auto;display:flex}.vt h1{letter-spacing:-.02em;margin:0;font-family:Noto Serif KR,serif;font-size:19px;font-weight:700}.vt span{color:var(--dim);font-size:13px}.tools{flex-wrap:wrap;gap:8px;display:flex}.seg{border:1px solid var(--line);background:#0000004d;border-radius:12px;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;transition:background .2s,color .2s;display:inline-flex}.seg button.on{color:#ffe7bf;background:linear-gradient(#6e4122,#4a2a14);box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0006}.friend-pick{gap:6px;display:flex}.friend-pick button{border:1px solid var(--line);color:var(--muted);border-radius:16px;align-items:center;gap:7px;padding:4px 12px 4px 4px;display:flex}.friend-pick button.on{border-color:var(--gold2);color:var(--text);background:#e9ba6e1f}.main-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll{flex:1;padding-bottom:40px;overflow:hidden auto}.stage{width:100%;position:relative}.stage.fit{height:100%;overflow:hidden auto}.viewport{padding:8px 0 4px;position:relative;overflow:clip visible}.track{will-change:transform;align-items:flex-start;display:flex}.panel{perspective:1500px;perspective-origin:50% 38%;flex:none;transition:opacity .6s,filter .6s,transform .75s cubic-bezier(.65,.02,.18,1);position:relative}.panel.side{opacity:.4;filter:brightness(.55)blur(1.2px)saturate(.8);cursor:pointer;transform:scale(.94)}.panel.side:hover{opacity:.55}.crown{height:112px;transform-style:preserve-3d;position:relative}.crown-board{border-radius:5px 5px 0 0;height:30px;position:absolute;bottom:0;left:-10px;right:-10px;box-shadow:inset 0 2px #ffdcaa40,inset 0 -6px 8px #00000059,0 8px 14px #00000080}.crown-board:after{content:"";background:linear-gradient(#5b3519,#2d180a);border-radius:0 0 3px 3px;height:8px;position:absolute;bottom:-8px;left:8px;right:8px}.plaque{text-align:center;z-index:3;background:linear-gradient(#2a1b11,#150d07);border-radius:12px;min-width:min(420px,78%);padding:12px 34px 11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #5a3a1c,0 0 0 4px #24160c,0 0 0 5px #e9ba6e8c,0 14px 28px #0009,inset 0 1px #ffdca01f}.plaque-title{letter-spacing:-.02em;color:#fbecd2;text-shadow:0 2px #00000080;justify-content:center;align-items:center;gap:12px;font-family:Noto Serif KR,serif;font-size:30px;font-weight:900;display:flex}.plaque-title svg{color:var(--gold)}.plaque-sub{color:#e4c58f;margin-top:3px;font-family:Noto Serif KR,serif;font-size:14.5px}.plaque-edit{width:28px;height:28px;color:var(--dim);border-radius:8px;place-items:center;margin-left:-4px;display:inline-grid}.plaque-edit:hover{color:var(--gold);background:#ffffff0f}.lamp{z-index:4;width:64px;height:16px;position:absolute;bottom:-14px}.lamp.l{left:18%}.lamp.r{right:18%}.lamp span{background:linear-gradient(#d9a253,#7a4c1d);border-radius:4px 4px 30px 30px;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -3px 4px #00000059}.lamp:after{content:"";background:#fff2c8;border-radius:50%;height:5px;position:absolute;bottom:-3px;left:8px;right:8px;box-shadow:0 0 14px 6px #ffcd78bf,0 0 60px 20px #ffb45a4d}.vine{z-index:6;pointer-events:none;filter:drop-shadow(0 6px 6px #00000080);width:70px;height:150px;position:absolute;top:52px;left:-14px}.cabinet{padding:0 var(--fr,22px);transform-style:preserve-3d;position:relative}.panel{--fr:22px;--pad:16px}.post{width:var(--fr);position:absolute;top:-2px;bottom:0;box-shadow:inset -3px 0 6px #00000059,inset 2px 0 #ffdcaa26}.post.l{left:0}.post.r{right:0;box-shadow:inset 3px 0 6px #00000059,inset -2px 0 #ffdcaa1f}.backwall{padding:10px var(--pad) 0;transform-style:preserve-3d;background:radial-gradient(28% 36% at 24% 0,#ffc46e4d,#0000 70%),radial-gradient(28% 36% at 76% 0,#ffc46e4d,#0000 70%),linear-gradient(#00000040,#0000008c),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='700'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.12 0.004' numOctaves='3' seed='9'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.04  0 0 0 0 0.01  1.4 0 0 0 -0.5'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>"),linear-gradient(90deg,#2a170b,#3c2312 50%,#2a170b);position:relative;box-shadow:inset 0 0 60px #0009}.srow{transform-style:preserve-3d;align-items:flex-end;padding-bottom:22px;display:flex;position:relative;box-shadow:inset 0 26px 26px -18px #000000a6}.srow+.srow{margin-top:0}.srow-items{transform-style:preserve-3d;align-items:flex-end;width:100%;padding:0 4px;display:flex}.plank{left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));height:22px;transform-style:preserve-3d;position:absolute;bottom:0;box-shadow:inset 0 7px #ffd6a02e,inset 0 8px #00000040,0 10px 16px #0009}.plank:after{content:"";background:linear-gradient(#ffdcaa1f 0,#ffdcaa1f 7px,#0000 8px,#00000047);position:absolute;top:0;right:0;bottom:0;left:0}.base{border-radius:0 0 6px 6px;height:34px;margin:0 -10px;box-shadow:inset 0 3px #ffdcaa33,0 16px 30px #000000b3}.empty-hint{text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 20px;display:flex;position:absolute;top:34%;left:0;right:0}.empty-hint b{color:#e8d3b2;font-family:Noto Serif KR,serif;font-size:18px}.empty-hint span{font-size:13px}.panel.memory .backwall{filter:none;background-color:#22170f}.panel.memory .face{filter:sepia(.55)saturate(.7)brightness(.88)}.panel.memory .plaque{box-shadow:0 0 0 1px #4a3a2a,0 0 0 4px #1e160e,0 0 0 5px #c8b49666,0 14px 28px #0009}.gbox{transform-style:preserve-3d;cursor:pointer;outline:none;flex:none;position:relative}.gbox.dnd{cursor:grab}.gbox-inner{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.85,.25,1),opacity .35s;position:absolute;top:0;right:0;bottom:0;left:0}.gbox:hover .gbox-inner,.gbox:focus-visible .gbox-inner{transform:translate3d(0,-10px,56px)scale(1.05)}.gbox.spine:hover .gbox-inner,.gbox.spine:focus-visible .gbox-inner{transform:translate3d(0,-8px,70px)rotateY(-42deg)}.gbox.pulling .gbox-inner{opacity:0;transition:transform .42s cubic-bezier(.35,.6,.2,1),opacity .42s ease-in;transform:translate3d(0,-34px,300px)rotateX(-6deg)scale(1.06)}.gbox.taken .gbox-inner{opacity:.14;transform:translateZ(-10px)}.gbox.taken:before{content:"";border:1.5px dashed #e9ba6e80;border-radius:3px;position:absolute;top:4px;right:4px;bottom:4px;left:4px}.gbox.dragging .gbox-inner{opacity:.3}.gbox.drop-before:after,.gbox.drop-after:after{content:"";background:var(--gold);z-index:5;border-radius:2px;width:4px;position:absolute;top:-6px;bottom:-4px;box-shadow:0 0 12px 2px #e9ba6ecc}.gbox.drop-before:after{left:-7px}.gbox.drop-after:after{right:-7px}.gbox:focus-visible{outline:none}.gbox:focus-visible .face.front{outline:2px solid var(--gold);outline-offset:3px}.gshadow{background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:12px;transition:transform .45s,opacity .45s;position:absolute;bottom:-3px;left:4%;right:4%}.gbox:hover .gshadow{opacity:.55;transform:scale(1.25,1.6)}.face{backface-visibility:hidden;height:100%;position:absolute;top:0}.face.front{border-radius:2px;width:100%;transition:box-shadow .45s;left:0;overflow:hidden;box-shadow:0 8px 14px #0000008c}.gbox:hover .face.front{box-shadow:0 30px 50px #000000bf,0 0 0 1px #ffe1aa40}.face.front:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#fff0d238,#0000 32%,#0000 70%,#00000040);position:absolute;top:0;right:0;bottom:0;left:0}.face.side-r{transform-origin:0;transform:rotateY(90deg)}.face.side-l{transform-origin:100%;transform:rotateY(-90deg)}.face.top{transform-origin:bottom;left:0;transform:rotateX(90deg)}.face.side-r i,.face.side-l i{opacity:.5;height:2px;position:absolute;top:12%;left:0;right:0}.face.top i{display:none}.face.cover-side{overflow:hidden}.gbadge{white-space:nowrap;z-index:4;pointer-events:none;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000080}.gbadge.wishlist{color:#e4eefb;background:#3b5b8a}.gbadge.sold{color:#f0e2cc;background:#5a4a3a}.gbadge.mine{color:#e5f4dc;background:#3f6a3a}.cover{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover .motif{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.cover-frame{opacity:.35;border:1px solid;border-radius:2px;position:absolute;top:4.5cqw;right:4.5cqw;bottom:4.5cqw;left:4.5cqw}.cover-title{text-align:center;letter-spacing:.02em;text-shadow:0 2px 6px #0000008c;word-break:keep-all;overflow-wrap:anywhere;font-family:Cinzel,Noto Serif KR,serif;font-size:clamp(7px,10.5cqw,34px);font-weight:700;line-height:1.08;position:absolute;top:9cqh;left:8cqw;right:8cqw}.cover.big .cover-title{font-size:11cqw}.cover-label{text-align:center;color:#fff7e8;text-shadow:0 1px 3px #000;word-break:keep-all;letter-spacing:-.02em;background:linear-gradient(#0000,#0a0502c7 55%,#0a0502e6);padding:16cqh 4px 4.5cqh;font-size:clamp(8px,7.6cqw,17px);font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.noimg-tag{color:#ffffffbf;background:#00000073;border-radius:4px;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:3px;right:3px}.spine-art{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f;container-type:size}.spine-text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.06em;text-shadow:0 1px 2px #0009;white-space:nowrap;max-height:76%;font-size:clamp(7px,46cqw,15px);font-weight:700;line-height:1;overflow:hidden}.band{opacity:.7;height:2px;position:absolute;left:0;right:0}.band.top{top:7%}.band.bot{bottom:7%}.nav-arrow{z-index:12;color:#f4ddb4;background:radial-gradient(circle at 40% 35%,#3a2616,#160d07);border:1px solid #e9ba6e66;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s,opacity .2s,left .75s cubic-bezier(.65,.02,.18,1);display:grid;position:absolute;top:44%;box-shadow:0 8px 20px #0009}.nav-arrow:hover:not(:disabled){transform:scale(1.08)}.nav-arrow:disabled{opacity:.25;cursor:default}.tabs-wrap{margin-top:-4px;padding-bottom:12px;transition:margin-left .75s cubic-bezier(.65,.02,.18,1),width .75s;position:relative}.tabs{scrollbar-width:none;justify-content:center;gap:10px;padding:10px 10px 8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:#d9c3a1;background:linear-gradient(#3b2414,#24150b);border:1px solid #e9ba6e2e;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:10px;min-width:150px;padding:9px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 6px 14px #00000080,inset 0 1px #ffdcaa1a}.tab span{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.tab b{color:#f2e2c8;white-space:nowrap;text-overflow:ellipsis;max-width:9em;font-family:Noto Serif KR,serif;font-size:15.5px;font-weight:700;overflow:hidden}.tab small{color:var(--dim);font-size:12px}.tab:hover{transform:translateY(-2px)}.tab.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #e9ba6e4d,0 6px 14px #00000080;background:linear-gradient(#5a3719,#2e1b0d)}.tab.on svg{color:var(--gold)}.tab.drop{border-color:#ffd88f;transform:translateY(-3px)scale(1.03);box-shadow:0 0 0 2px #ffd88f,0 0 28px #ffd2828c}.tab.add{min-width:auto;box-shadow:none;color:var(--muted);background:0 0;border-style:dashed}.tab.add b{color:var(--muted);font-family:inherit;font-size:13.5px}.dots{justify-content:center;gap:8px;padding-top:4px;display:flex}.dots button{background:#ffe6be40;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.dots button.on{background:#f7e3c0;transform:scale(1.2)}.hover-pop{z-index:150;border:1px solid var(--line2);pointer-events:none;background:#180f09f5;border-radius:12px;min-width:180px;padding:10px 13px;animation:.2s ease-out hp;position:fixed;transform:translate(-50%,-100%);box-shadow:0 14px 30px #0009}.hover-pop.below{transform:translate(-50%)}.hover-pop b{white-space:nowrap;margin-bottom:6px;font-family:Noto Serif KR,serif;font-size:14.5px;display:block}.hp-row{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.hp-row+.hp-row{margin-top:5px}.hp-row span{align-items:center;gap:4px;display:inline-flex}.g-chip{color:var(--gold);background:#e9ba6e29;border-radius:8px;padding:1px 8px}@keyframes hp{0%{opacity:0;margin-top:6px}}.detail{z-index:40;background:var(--panel);border:1px solid var(--line2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:340px;padding:22px 20px 24px;animation:.45s cubic-bezier(.2,.85,.25,1) dIn;position:absolute;top:6px;bottom:14px;right:18px;overflow-y:auto;box-shadow:0 30px 60px #000000a6,inset 0 1px #ffdca00f}@keyframes dIn{0%{opacity:0;transform:translate(30px)}}.detail .close{z-index:2;position:absolute;top:10px;right:10px}.d-cover-wrap{perspective:900px;justify-content:center;padding:6px 0 10px;display:flex}.d-cover{border-radius:3px;animation:.6s cubic-bezier(.2,.85,.25,1) emerge;position:relative;overflow:hidden;box-shadow:0 24px 40px #000000a6,0 0 0 1px #ffdcaa26}@keyframes emerge{0%{opacity:0;transform:translate3d(-80px,30px,-200px)rotateY(28deg)scale(.7)}}.d-imgnote{color:var(--dim);text-align:center;margin-bottom:10px;font-size:11.5px;line-height:1.6}.d-imgnote button{color:var(--gold);text-underline-offset:3px;align-items:center;gap:4px;font-size:11.5px;text-decoration:underline;display:inline-flex}.d-name{letter-spacing:-.03em;margin:6px 0 2px;font-family:Noto Serif KR,serif;font-size:24px;line-height:1.25}.d-en{color:var(--dim);margin-bottom:12px;font-size:12.5px}.d-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.d-chips span{color:var(--text);background:#ffffff0f;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.d-chips .genre{color:#e7dcff;background:#a078e647}.d-chips .genre.strategy{color:#ffe0b8;background:#c98b4a4d}.d-chips .genre.party{color:#ffd9e1;background:#d4607a4d}.d-chips .genre.card{color:#dbe8ff;background:#5d8fd64d}.d-chips .st.owned{color:var(--green)}.d-chips .st.sold{color:#d6bf9c}.d-chips .st.wishlist{color:#9ec0f0}.d-desc{color:#e6d6bf;margin:0 0 12px;font-size:13.5px;line-height:1.7}.d-charm{border:1px solid var(--line);background:#e9ba6e12;border-radius:12px;margin-bottom:14px;padding:12px 14px}.d-charm b{color:var(--gold);align-items:center;gap:6px;font-size:13.5px;display:flex}.d-charm p{color:#e8d7bd;margin:6px 0 0;font-size:13px;line-height:1.6}.d-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.d-stats div{text-align:center;background:#00000040;border-radius:12px;padding:10px 6px}.d-stats b{font-family:Noto Serif KR,serif;font-size:18px;display:block}.d-stats span{color:var(--dim);font-size:11.5px}.d-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.btn{border-radius:12px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn.full{grid-column:1/-1;width:100%}.btn.ghost{border:1px solid var(--line);background:#ffffff0f}.btn.ghost:hover{background:#ffffff1a}.btn.ghost.on{color:#ffd3d9;background:#e7707f24;border-color:#e7707f}.btn.ghost.on svg{fill:currentColor}.btn.line{border:1px solid var(--line2);color:var(--text)}.btn.line:hover{background:#e9ba6e14}.btn.gold{color:#2a1606;background:linear-gradient(#e9ba6e,#c18a3c);font-weight:700}.btn.gold:disabled{opacity:.4;cursor:default}.btn.danger{color:#ffb2a6;border:1px solid #e0735f66}.btn.sm{border-radius:9px;height:30px;padding:0 10px;font-size:12.5px}.d-block{background:#00000038;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px;display:flex}.d-block.memory{background:#785f4129}.d-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12.5px;display:flex}.d-memo{color:#e0cfb3;margin:0;font-family:Noto Serif KR,serif;font-size:13px;line-height:1.6}.d-row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.d-note{color:var(--dim);margin:0;font-size:12.5px;line-height:1.6}.d-plays h4{color:var(--muted);margin:0 0 8px;font-size:13.5px}.d-play{border-top:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:12.5px;display:grid}.d-play .date{color:var(--dim)}.d-play .who{color:#dccab0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-play .win{color:var(--muted);align-items:center;gap:3px;display:inline-flex}.d-play .win.me{color:var(--gold)}.detail.sheet{width:auto;max-height:86%;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;border-radius:22px 22px 0 0;animation:.4s cubic-bezier(.2,.85,.25,1) sheetIn;position:fixed;inset:auto 0 0}@keyframes sheetIn{0%{transform:translateY(100%)}}.field{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12.5px;display:flex}.field input,.field select,.field textarea,.page-tools select{border:1px solid var(--line);background:#00000059;border-radius:10px;outline:none;width:100%;min-height:40px;padding:8px 12px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2)}select option{background:#22170f}.modal-back{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050301a6;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--line2);background:#1f150e;border-radius:18px;flex-direction:column;width:min(560px,100%);max-height:90%;animation:.22s ease-out pop;display:flex;box-shadow:0 40px 80px #000000b3}.modal-head{justify-content:space-between;align-items:center;padding:16px 18px 6px;display:flex}.modal-head h3{margin:0;font-family:Noto Serif KR,serif;font-size:19px}.modal-body{padding:8px 18px;overflow-y:auto}.modal-foot{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px 16px;display:flex}.modal-foot .sp{flex:1}.modal-foot .err{color:#ff9c8c;margin-right:auto;font-size:12.5px}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.p-rows{flex-direction:column;gap:6px;display:flex}.p-row{grid-template-columns:1fr 100px 36px;gap:6px;display:grid}.p-row input{border:1px solid var(--line);background:#00000059;border-radius:9px;outline:none;min-height:38px;padding:6px 10px}.chips-line{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{color:var(--text);background:#ffffff0f;border-radius:14px;align-items:center;gap:4px;padding:5px 11px;font-size:12.5px;display:inline-flex}.chip.add{color:var(--gold);border:1px dashed var(--line2);background:0 0}.m-note{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.m-sum{color:var(--muted);background:#00000040;border-radius:10px;gap:18px;padding:10px 12px;font-size:13px;display:flex}.m-sum b{color:var(--text)}.m-sum b.neg{color:#ff9c8c}.page{max-width:1100px;padding:6px 24px 40px}.ledger-sum{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.ledger-sum div{border:1px solid var(--line);background:linear-gradient(#3c241299,#1e120a99);border-radius:14px;padding:14px 16px}.ledger-sum span{color:var(--dim);font-size:12.5px;display:block}.ledger-sum b{margin-top:3px;font-family:Noto Serif KR,serif;font-size:24px;display:block}.ledger-sum b.sm{font-size:17px;line-height:1.4}.ledger-sum small{color:var(--muted);font-size:12px}.page-tools{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.page-tools select{max-width:260px}.ledger{flex-direction:column;gap:8px;display:flex}.ledger-empty{text-align:center;color:var(--dim);padding:30px}.entry{background:#1e140cbf;border:1px solid #e9ba6e1a;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.e-cover{border-radius:2px;width:58px;position:relative;overflow:hidden;box-shadow:0 6px 12px #00000080}.e-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.e-head b{font-family:Noto Serif KR,serif;font-size:15.5px}.e-head span{color:var(--dim);font-size:12.5px}.e-head em{color:#f0e2cc;background:#5a4a3a;border-radius:8px;padding:1px 7px;font-size:11px;font-style:normal}.e-players{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.e-players span{color:var(--muted);background:#ffffff0d;border-radius:9px;align-items:center;gap:4px;padding:3px 9px;font-size:12.5px;display:inline-flex}.e-players span.w{color:#ffe3b3;background:#e9ba6e29}.e-players span.me{box-shadow:inset 0 0 0 1px #e9ba6e59}.e-players i{color:var(--text);font-style:normal;font-weight:700}.e-memo{color:#cdb898;margin:7px 0 0;font-size:12.5px}.memory-page{padding-top:0}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}table.sold{border-collapse:collapse;width:100%;min-width:780px;font-size:13px}.sold th{text-align:left;color:var(--dim);background:#0000004d;padding:10px 12px;font-weight:500}.sold td{color:#e3d2b8;vertical-align:top;border-top:1px solid #ffffff0d;padding:11px 12px}.sold td small{color:var(--dim);max-width:240px;margin-top:3px;font-size:11.5px;display:block}.sold .acts{white-space:nowrap;gap:6px;display:flex}.link{color:var(--text);font-family:Noto Serif KR,serif;font-weight:700}.link:hover{color:var(--gold)}.deco{flex:none;align-self:flex-end;margin-left:auto;margin-right:6px}.deco.die{background:linear-gradient(145deg,#fff8ec,#d9cbb3);border-radius:18%;position:relative;transform:rotate(-8deg);box-shadow:0 6px 10px #00000080,inset -2px -3px #0000001f}.deco.die b{background:#3a2414;border-radius:50%;width:18%;height:18%;position:absolute}.deco.die b:first-child{top:18%;left:18%}.deco.die b:nth-child(2){top:41%;left:41%}.deco.die b:nth-child(3){bottom:18%;right:18%}.deco.books{align-items:flex-end;gap:1px;display:flex}.deco.books span{border-radius:1px;display:block;box-shadow:inset -2px 0 #00000040,inset 1px 0 #ffffff1f}.toasts{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--line2);background:#281a0ff5;border-radius:22px;padding:10px 18px;font-size:13.5px;animation:.25s ease-out pop;box-shadow:0 10px 24px #0009}@media(max-width:820px){.app{grid-template-columns:1fr}body{overflow:auto}.sidebar{width:270px;padding-top:calc(20px + env(safe-area-inset-top,0px));z-index:90;transition:transform .35s cubic-bezier(.2,.85,.25,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.open{transform:none;box-shadow:20px 0 50px #0009}.scrim{z-index:85;background:#00000080;position:fixed;top:0;right:0;bottom:0;left:0}.room:before{left:0}.topbar{gap:8px;padding:10px 12px 6px}.search{flex:1 1 0;order:1;height:40px}.top-right{order:1}.filters{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:0 12px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.toolbar{padding:4px 12px 6px}.vt h1{font-size:17px}.seg button span{display:none}.seg button{padding:7px 10px}.crown{height:84px}.plaque{min-width:76%;padding:8px 16px}.plaque-title{gap:8px;font-size:20px}.plaque-sub{font-size:12px}.lamp{width:40px}.panel{--fr:12px;--pad:8px}.tab{min-width:118px;padding:8px 12px}.tab b{font-size:14px}.tabs{justify-content:flex-start}.ledger-sum{grid-template-columns:1fr 1fr}.page{padding:6px 12px 40px}.grid2{grid-template-columns:1fr}.entry{grid-template-columns:46px 1fr auto;gap:10px}.e-cover{width:46px}.nav-arrow{width:38px;height:38px;top:40%}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo b{white-space:nowrap;font-size:16px}.boot{height:100%;color:var(--muted);place-items:center;font-family:Noto Serif KR,serif;font-size:16px;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-body.fill{overflow:hidden}.foot{padding:4px 24px calc(8px + env(safe-area-inset-bottom,0px));z-index:5;justify-content:flex-end;display:flex;position:relative}.powered{color:var(--dim);border:1px solid #0000;border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.powered b{color:#ff5100;letter-spacing:.02em;font-weight:700}.powered:hover{color:var(--text);border-color:var(--line)}.d-en a{color:var(--gold);text-underline-offset:3px}.detail,.detail.sheet,.d-cover,.toast,.modal,.modal-back{animation:none}.gbox .face.front .cover.has-img img{background:#2a1a10}.panel.memory .face.front .cover.has-img img{filter:sepia(.55)saturate(.7)brightness(.88)}@media(max-width:820px){.search{min-width:0}.top-right{gap:4px}.seg.text button span{display:inline}.foot{padding:2px 12px calc(6px + env(safe-area-inset-bottom,0px));justify-content:center}.detail.sheet{z-index:80}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}