@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);@import url(https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Gowun+Dodum&display=swap);#main-header,#title,.cont-modal.active{display:-webkit-box;display:-ms-flexbox}.cont-modal.active,.cont-modal.active.hide{-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.75,-0.375,0.375,1.75)}#app,#main-header{pointer-events:none}#world,body{background-color:#000}#main-footer,#main-header{position:fixed;z-index:100;width:100%}#bg,#chat-msg,#main,#main-header,#send-chat,#world,.cont-modal{height:100%}.line,.plane{background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.line:first-child,.line:nth-child(2){width:calc(100% - (var(--std) * 1.375) * 3);left:0}#app.active,#board{pointer-events:all}#visitors,.item-board #owner-text{padding-right:calc(var(--std) * 1.375)}#add-visitor-text,#credit,#title,.item-board>.above,.modal>.modal-label{text-align:center}#cont-grid,#sign,#sign.self .item-board:nth-child(2)>.below,.cont-modal,.modal,audio{display:none}:root{--std:16px;--maxWidth:308px;--kColor:rgb(150, 0, 255);--ktColor:rgb(150, 0, 255, 0.75);--kttColor:rgb(150, 0, 255, 0.375)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;text-decoration:none;text-transform:none;color:inherit;font-size:inherit;font-weight:inherit;word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word;list-style-type:none;font-family:"Gowun Dodum",sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}*,body,html{-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html{font-size:16px}#app{opacity:0;-webkit-transition:opacity 2s ease-out;-o-transition:opacity 2s ease-out;transition:opacity 2s ease-out}#app.active{opacity:1}#main{position:fixed;top:0;left:0;width:100%;background-color:#f0f0f0;z-index:0}#main-header{padding:0 calc(var(--std) * (1.375 * 1));top:0;left:0;color:#fff;text-shadow:0 0 calc(var(--std) * .375) rgba(200,200,200,.25);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:height 1s cubic-bezier(.75, -.5, .25, 1.125);-o-transition:height 1s cubic-bezier(.75, -.5, .25, 1.125);transition:height 1s cubic-bezier(.75, -.5, .25, 1.125)}#title,.modal{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}#title{font-size:8.75rem;display:flex;flex-direction:column;gap:.375rem}#main-header.active>#title{font-size:3.5rem;-webkit-transition:.75s cubic-bezier(.75, -.5, .25, 1.125);-o-transition:.75s cubic-bezier(.75, -.5, .25, 1.125);transition:.75s cubic-bezier(.75, -.5, .25, 1.125);opacity:0}#main-header.entered{-webkit-transition:none;-o-transition:none;transition:none;height:calc(var(--std) * (1.375 * 3))}#main-header.entered>#title{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;top:-.075em;gap:.75rem;font-size:2.375rem;opacity:1}.bagel{font-family:"Bagel Fat One",system-ui}.cont-modal{padding:calc(var(--std) * 1.375);padding-bottom:calc(var(--std) * (1.375 * (3 + 1)));position:fixed;top:0;left:0;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-transition:padding-bottom .25s ease-out;-o-transition:padding-bottom .25s ease-out;transition:padding-bottom .25s ease-out;z-index:50}#board,#cont-chat,#cont-key,.modal{position:absolute}#sign,.plane{top:calc(var(--std) * (1.375 * 3));left:calc(var(--std) * (1.375 * 3))}.modal,img{height:auto}#main-footer.button-activated~.cont-modal{padding-bottom:calc(var(--std) * (1.375 * (5 + 2)))}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:translateY(calc(var(--std) * (1.375 * 2)));transform:translateY(calc(var(--std) * (1.375 * 2)))}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:translateY(calc(var(--std) * (1.375 * 2)));transform:translateY(calc(var(--std) * (1.375 * 2)))}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes modalOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(calc(var(--std) * (1.375 * 2)));transform:translateY(calc(var(--std) * (1.375 * 2)))}}@keyframes modalOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(calc(var(--std) * (1.375 * 2)));transform:translateY(calc(var(--std) * (1.375 * 2)))}}.cont-modal.active{display:flex;opacity:0;-webkit-animation-name:modalIn;animation-name:modalIn;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.75,-0.375,0.375,1.75)}#cont-chat,#cont-key,#main-footer,#main-footer>.item-main-footer,.modal.active{display:-webkit-box;display:-ms-flexbox}.cont-modal.active.noBG{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.cont-modal.active.hide{opacity:1;-webkit-animation-name:modalOut;animation-name:modalOut;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.75,-0.375,0.375,1.75);pointer-events:none}.modal{padding:calc(var(--std) * 1.375);width:100%;max-width:var(--maxWidth);max-height:calc(100% - (var(--std) * (1.375 * 11)));overflow-y:auto;flex-direction:column;gap:calc(var(--std) * (1.375 * .75));background-color:rgba(255,255,255,.875);border-radius:.375em;border:1px solid rgba(200,200,200,.25);-webkit-box-shadow:0 calc(var(--std) * (1.375 * .1875)) calc(var(--std) * (1.375 * .375)) rgba(100,100,100,.25);box-shadow:0 calc(var(--std) * (1.375 * .1875)) calc(var(--std) * (1.375 * .375)) rgba(100,100,100,.25)}#media-modal.modal{max-width:calc((1000px - 176px))}.modal.active{display:flex}.modal>.modal-label{font-size:1.0375rem;line-height:1.5}.modal>.modal-label.heading{font-weight:700;font-size:1rem}.modal>.modal-button{padding:.75em;border:none;border-radius:100em;font-size:1.0375rem;background-color:var(--kColor);color:#fff;cursor:pointer}#toggle-credit:hover,.item-main-footer>button:hover,.modal>.modal-button:hover{opacity:.75}.emphasis{font-size:1.1rem;font-weight:700;color:var(--kColor)}#world{position:fixed;top:0;left:0;width:100%;z-index:10}#chat-msg,#cont-key>button.touch-key{background-color:rgba(255,255,255,.375);font-size:1rem}#cont-line.active .plane,#world>canvas{opacity:0}#world.active>canvas{-webkit-transition:opacity 2s ease-out;-o-transition:opacity 2s ease-out;transition:opacity 2s ease-out;opacity:1}#main-footer{padding:0 calc((100% - var(--maxWidth))/ 2);bottom:0;left:0;height:calc(var(--std) * (1.375 * 5));display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main-footer>.item-main-footer{width:100%;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item-main-footer.above{position:relative;height:calc(var(--std) * (1.375 * 2))}.item-main-footer.below,.item-main-footer>button,.line:first-child,.line:nth-child(2){height:calc(var(--std) * (1.375 * 3))}#cont-chat,#cont-key{top:calc(var(--std) * (1.375 * 1) * (-1));left:0;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;opacity:0;pointer-events:none;overflow:hidden}#chat-msg,.plane{width:calc(100% - var(--std) * (1.375 * 3))}#bg,.line,.plane{opacity:.25;background-image:url("/assets/bg.png");background-position:center center;position:fixed;pointer-events:none}#cont-chat.active,#cont-key.active{pointer-events:all;-webkit-animation-name:modalIn;animation-name:modalIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.75,-0.375,0.375,1.75);animation-timing-function:cubic-bezier(0.75,-0.375,0.375,1.75)}#chat-msg{padding:.375em .75em;border:none;border-radius:.375em;color:#fff}#send-chat,.item-main-footer>button{border:none;width:calc(var(--std) * (1.375 * 3));color:#fff;cursor:pointer}#main-footer.active>.item-main-footer>button.active,#send-chat,.item-board>.above{background-color:var(--kColor)}#send-chat{font-size:.875rem;border-radius:.375em}#cont-key>button.touch-key{width:calc(var(--std) * (1.375 * 2));height:calc(var(--std) * (1.375 * 2));border:1px solid rgba(200,200,200,.25);border-radius:.375em;-webkit-box-shadow:0 0 rgba(100,100,100,.25);box-shadow:0 0 rgba(100,100,100,.25);color:#fff;cursor:pointer}#cont-key>button.touch-key:first-child,#cont-key>button.touch-key:nth-child(2),#cont-key>button.touch-key:nth-child(3){border-right:none}#cont-key>button.touch-key:nth-child(2),#cont-key>button.touch-key:nth-child(3),#cont-key>button.touch-key:nth-child(4){border-left:none}#cont-key>button.touch-key.active{background-color:#fff;color:#000}#main-footer.active>.item-main-footer.below{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.item-main-footer>button{background-color:transparent;-webkit-box-shadow:0 0 calc(var(--std) * (1.375 * .375)) rgba(200,200,200,.25);box-shadow:0 0 calc(var(--std) * (1.375 * .375)) rgba(200,200,200,.25);border-radius:.375em;display:none}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#main-footer.active>.item-main-footer>button{opacity:0;display:block;background-color:rgba(200,200,200,.25);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:375ms;animation-delay:375ms;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.item-main-footer>button>img{width:calc(var(--std) * (1.375 * 3));height:auto}#credit{color:rgba(255,255,255,.875);font-size:.875rem;line-height:1.1375}#toggle-credit{position:relative;background-color:transparent;border:none;border-radius:0;cursor:pointer}#toggle-credit::after{content:"";position:absolute;bottom:-3.75px;left:0;width:100%;height:1px;border-bottom:1px dashed rgba(255,255,255,.375)}#bg{top:0;left:0;width:100%;background-size:16contain;mix-blend-mode:difference;z-index:500}#cont-line{position:fixed;z-index:200;pointer-events:none}.plane{height:calc(100% - var(--std) * (1.375 * 3));-webkit-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out;z-index:0}.line{z-index:10}.line:first-child{bottom:0}.line:nth-child(2){top:0}.line:nth-child(3),.line:nth-child(4){top:0;width:calc(var(--std) * (1.375 * 3));height:calc(100% - (var(--std) * 1.375) * 3)}.line:nth-child(3){left:0}.line:nth-child(4){right:0}:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}#sign{position:fixed;width:calc(100% - (var(--std) * (1.375 * 3)) * 2);height:calc(100% - (var(--std) * (1.375 * 3)) * 2);z-index:150;pointer-events:none;-webkit-transition:height .25s ease-out;-o-transition:height .25s ease-out;transition:height .25s ease-out}#board,.item-board,.item-board>.above{display:-webkit-box;display:-ms-flexbox}#main-footer.button-activated+#sign{height:calc(100% - (var(--std) * (1.375 * 3)) * 2 - (var(--std) * (1.375 * 3)))}#sign.active{display:block}#board{top:calc(var(--std) * 1.375);left:calc((100% - (1000px - 176px))/ 2);width:calc((1000px - 176px));height:calc(100% - (calc(var(--std) * 1.375)) * 2);display:flex}#cont-grid,.grid{position:fixed}.item-board{width:calc(100% / 2);height:100%;background-color:var(--tColor);display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.item-board>.above{width:100%;min-height:calc(var(--std) * (1.375 * 2));display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.125rem;border-radius:.375em;color:#fff}#visitors,.item-board:nth-child(2)>.below{display:-webkit-box;display:-ms-flexbox;width:100%}.item-board>.middle{padding:calc(var(--std) * 1.375);width:100%;height:calc(100% - var(--std) * (1.375 * 2));background-color:rgba(255,255,255,.375);background-color:var(--ktColor);border-radius:.375em}.item-board #owner-text{background-color:transparent;width:100%;height:100%;font-size:1.175rem;line-height:1.5;resize:none;overflow-x:hidden;border:none;white-space:pre-wrap;color:#fff}#add-visitor-text,.item-visitors{border-radius:.375em;font-size:1.0375rem}.item-board:nth-child(2)>.middle{height:calc(100% - var(--std) * (1.375 * 4))}.item-board:nth-child(2)>.below{height:calc(var(--std) * (1.375 * 2));display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:1.125rem;background-color:var(--mColor);color:#fff}#visitors{height:100%;overflow-y:auto;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--std) * 1.375)}.item-visitors{padding:.75em;background-color:#fff;-webkit-box-shadow:0 calc(var(--std) * (1.375 * .1875)) calc(var(--std) * (1.375 * .375)) rgba(200,200,200,.25);box-shadow:0 calc(var(--std) * (1.375 * .1875)) calc(var(--std) * (1.375 * .375)) rgba(200,200,200,.25);line-height:1.25}#visitor-text{padding:0 1em;font-size:1.0375rem;width:100%;height:100%;border:none;border-radius:.375em;background-color:#fff;color:#000}#add-visitor-text{padding:0 .375em;width:auto;min-width:96px;height:100%;display:inline-block;border:none;background-color:var(--kColor);color:#fff;cursor:pointer}small{font-size:.9rem}#sign.self .item-board:nth-child(2)>.middle{height:calc(100% - var(--std) * (1.375 * 3) * 1)}::-webkit-scrollbar{width:calc(var(--std) * (1.375 * .375))}::-webkit-scrollbar-thumb{background-color:var(--kColor);border-radius:.375em}::-webkit-scrollbar-track{background-color:var(--kttColor)}img{width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}#cont-grid{z-index:9999;pointer-events:none}.grid:first-child{top:calc(var(--std) * (1.375 * 1));left:0;width:100%;height:1px;background-color:rgba(255,0,255,.25)}.grid:nth-child(2){bottom:calc(var(--std) * (1.375 * 3));left:0;width:100%;height:1px;background-color:rgba(255,0,255,.25)}.grid:nth-child(3),.grid:nth-child(4),.grid:nth-child(5),.grid:nth-child(6){top:0;width:1px;height:100%;background-color:rgba(255,0,255,.25)}.grid:nth-child(3){left:calc((100% - var(--maxWidth))/ 2)}.grid:nth-child(4){right:calc((100% - var(--maxWidth))/ 2)}.grid:nth-child(5){left:calc((100% - var(--maxWidth))/ 2 + var(--std) * 1.375)}.grid:nth-child(6){right:calc((100% - var(--maxWidth))/ 2 + var(--std) * 1.375)}@media screen and (max-width:1000px){#board{left:calc(var(--std) * 1.375);width:calc(100% - (var(--std) * (1.375 * 2)))}#media-modal.modal{max-width:calc(100% - (var(--std) * (1.375 * (3 + 1))) * 2)}.item-board #owner-text{font-size:1.0375rem}.item-visitors{font-size:1rem}}@media screen and (max-width:800px) and (min-aspect-ratio:2 / 1){.item-board>.above{display:none}.item-board>.middle{height:100%}.item-board:nth-child(2)>.middle{height:calc(100% - var(--std) * (1.375 * 1.5))}.item-board:nth-child(2)>.below{height:calc(var(--std) * (1.375 * 1.5))}}@media screen and (max-width:720px){#board{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item-board{width:100%}.item-board:first-child{height:calc(100% / 5 * 2)}.item-board:nth-child(2){height:calc(100% / 5 * 3)}}@media screen and (max-width:640px){:root{--std:12px;--maxWidth:308px}html{font-size:14px}#main-header.entered>#title{font-size:2rem;gap:.1875em}#title{font-size:calc(8.75rem * .5);gap:calc(.375rem * .5)}#main-header.active>#title{font-size:calc(3.5rem * .5)}}@media screen and (max-width:440px){:root{--maxWidth:calc(100% - (var(--std) * (1.375 * 3.0)) * 2.0)}.modal{max-width:calc(var(--maxWidth) - (var(--std) * 1.375) * 2)}#main-footer>.item-main-footer.above{width:calc(100% - var(--std) * (1.375 * 2))}}@media screen and (max-width:360px){:root{--std:11px}html{font-size:13px}}