:root{--chat-text-size: 16px}.fit{display:flex;min-width:0;min-height:0}*{box-sizing:border-box}html,body{height:100%}body{margin:0}#wrapper{width:100%;max-width:800px;height:100%;margin:0 auto;display:grid}#game{background-color:#000;position:relative}@media (max-width: 500px){#game{zoom:.75}}#game>canvas{position:absolute}#game>div{z-index:1}#chat{overflow:auto;font-size:var(--chat-text-size);padding:0 10px;height:200px;background:#8080804d;color:#fff}#chat>*{margin-bottom:5px}#chat button{font-size:var(--chat-text-size);padding:5px 15px;margin-right:10px;margin-bottom:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}#chat input[type=text]{font-size:var(--chat-text-size);margin:0 10px;width:120px}@keyframes shake{0%{transform:translate(0)}to{transform:translate(10px)}}.shake{animation:.05s infinite alternate shake}#musicWrapper{visibility:hidden;display:grid;grid-template-rows:auto 50px;overflow:hidden}#musicWrapper button{font-size:30px}#musicWrapper>*{width:100%;height:100%}#wrapper{position:relative}#overlay{position:absolute;bottom:10px;left:10px;right:10px;display:grid;grid-template-columns:1fr 0}.overlayAttached #wrapper{grid-template-rows:auto 200px}.overlayAttached #overlay{position:relative;top:0;right:0;bottom:0;left:0}.overlayAttached #chat{background:#000}.playerShowing #overlay{grid-template-columns:1fr 100px}.playerShowing #overlay #musicWrapper{visibility:visible}.playerAttention #overlay #musicWrapper{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:auto;height:auto}.gameOver{display:grid;width:100%;height:100%;grid-template-rows:auto min-content;place-content:center;min-width:0;min-height:0;padding:0!important;background:transparent!important}.gameOver>.fit>img{object-fit:contain;width:100%;height:100%;min-width:0;min-height:0}.gameOver>.desc{display:grid;place-content:center}.gameOver>.desc>div{padding:5px;background:#000;color:#fff;text-align:center}.wnd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1}.wnd>.inner>.close{font-size:30px;place-self:end;cursor:pointer}.wnd>.inner{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;gap:10px;place-content:center;grid-template-rows:auto 1fr}.wnd>.inner>.fit>*{background:#fff;padding:10px;font-size:20px;overflow:auto;height:fit-content}.wnd>.inner h2{margin-top:0;margin-bottom:10px;text-align:center}.wnd>.inner button,.wnd>.inner input,.wnd>.inner select,.wnd>.inner textarea{font-size:20px}.photoBooth{display:grid;gap:10px;grid-template:"desc" "caml" "cam" "butt" 50px;place-content:center;min-width:0;min-height:0}.photoBooth .desc{grid-area:desc}.photoBooth>.fit-canvas,.photoBooth>.fit-preview{grid-area:cam}.photoBooth>.fit>canvas,.photoBooth>.fit>img{width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}.photoBooth .preview{visibility:hidden;border:5px dotted black}.photoBooth button{grid-area:butt}.photoBooth .release{visibility:hidden}.photoBooth .camList{grid-area:caml}.pressWall{display:grid;grid-template:"ds ds" "caml caml" "a b" "c c" 50px / 1fr 1fr;gap:10px;place-content:center;min-width:0;min-height:0}.pressWall>.fit>*{width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}.pressWall button{grid-area:c}.pressWall .desc{grid-area:ds}.pressWall .camList{grid-area:caml}.guestbook{display:grid;gap:15px}.guestbook img{vertical-align:middle;margin-right:5px}.guestbookImg{display:grid;grid-template:"nm nm nm" "cr cr cr" "cv cv cv" "a b c" / 1fr 1fr 1fr;gap:10px}.guestbookImg .nameWrapper{grid-area:nm;display:grid;grid-template-columns:max-content auto;gap:10px}.guestbookImg .colorWrapper{grid-area:cr;display:grid;grid-template-columns:max-content auto;gap:10px}.guestbookImg input{width:100%;height:100%}.guestbookImg>.fit-canvas{grid-area:cv}.guestbookImg canvas{touch-action:none;width:100%;height:100%;border:5px dotted black;min-width:0;min-height:0}.guestbookImgDetails img{width:100%;height:100%;object-fit:contain}canvas.coOp{touch-action:none;border:5px dotted green}.guestbookText form{display:grid;grid-template:"a b" "c d" "e e";gap:5px;place-items:center}.guestbookText input{width:100%;height:100%}.guestbookText textarea{width:100%;height:100px}.guestbookText button{grid-area:e;width:100%}nav{display:flex;justify-content:space-between;background:#000;visibility:visible!important}nav>div{display:flex;gap:20px;align-items:center;padding:5px 10px;visibility:hidden}nav.langSet>div{visibility:visible}nav a{text-decoration:none;color:#fff;font-size:15px}nav button{font-size:12px}body{display:grid;grid-template-rows:max-content 1fr}.trailer{object-fit:cover}.register{display:grid;grid-template:"hd hd hd hd" "a b c d" / 100px 100px 200px 300px;gap:10px;grid-template-columns:repeat(4,1fr)}.register>.question{grid-area:hd}.register>img{width:100%;cursor:pointer}.register>span{width:100%;cursor:pointer}.registerOk .seat{font-size:100px;text-align:center}.poem{display:grid;min-width:200px;gap:10px}.poem .title{font-size:1.5em;text-align:center}.poem .author{text-align:right}.poem .body{white-space:pre-line}.ceremonyInfo{display:grid;gap:5px}.ceremonyInfo>span{display:list-item;list-style-position:inside}.close:has(~.fit>.ceremonyInfo){visibility:hidden}.close:has(~.fit>.ceremonyInfo):after{content:"✅ 확인하였습니다"}[lang=en] .close:has(~.fit>.ceremonyInfo):after{content:"✅ I will keep this in mind"}.close:has(~.fit>.ceremonyInfo):after{color:#fff;visibility:visible}.gift{display:grid;gap:5px}.gift>div{margin-bottom:30px}.helpDesk{display:grid;gap:10px}.helpDesk button:first-child{margin-bottom:30px}.helpDesk form{display:contents}.hof{display:grid;gap:10px}.hof .names{white-space:pre-line}