*{box-sizing:border-box} :root{color-scheme:dark;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#edf4ff;background:#08111f}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #7de1e4;outline-offset:5px}button:disabled{cursor:default;opacity:.45}#cruise{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#0b1628}.ocean-room{position:absolute;inset:0;background:url('assets/cruise.png') center center/cover no-repeat}.ocean-room:after{content:"";position:absolute;inset:0;background:linear-gradient(#04101d9c,transparent 24%,transparent 60%,#05101fe8)}header{position:absolute;top:0;left:0;right:0;padding:26px 36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:15px;align-items:center}.ship{font-size:42px;color:#c3dfec}.brand h1{font-size:26px;letter-spacing:-1.5px;margin:0}.brand p{font-size:11px;letter-spacing:2px;margin:5px 0 0;color:#a7bdd1}.prototype{display:flex;align-items:center;gap:9px;font-size:11px;color:#cad8e6;background:#09172cb3;border:1px solid #69839c50;border-radius:30px;padding:8px 9px 8px 15px}.prototype i,.player-tag i{width:5px;height:5px;background:#76dcdb;border-radius:100%;display:inline-block;box-shadow:0 0 9px #6bdedc}.prototype button{background:#ffffff12;border:0;border-radius:20px;padding:8px 13px;font-size:11px}.scene-caption{position:absolute;top:100px;left:38px;opacity:.85}.scene-caption span{font-size:9px;letter-spacing:3px;color:#9ab1c5}.scene-caption p{font-size:12px;color:#d2dfec}#player{position:absolute;bottom:20%;left:50%;width:130px;height:173px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 7px 10px #0005)}.avatar{width:100%;height:100%;overflow:visible;position:relative}.player-shadow{position:absolute;left:17%;bottom:4px;width:70%;height:18px;border-radius:50%;background:#0007;filter:blur(5px)}.player-tag{position:absolute;top:100%;white-space:nowrap;left:50%;transform:translateX(-50%);border:1px solid #91abc556;background:#10203ce0;border-radius:18px;padding:7px 12px;font-size:10px}.player-tag i{margin-right:5px}.player-tag span{color:#a9bfd1;margin-left:6px}.upper{transform-origin:100px 185px}.head{transform-origin:100px 115px}.arm{transform-box:view-box}.left-arm{transform-origin:60px 133px}.right-arm{transform-origin:140px 133px}.leg{transform-box:view-box;transform-origin:100px 185px}.sitting-legs,.closed-eye{display:none}#player[data-state=bow] .upper{animation:bow 3.2s ease-in-out both}#player[data-state=bow] .left-arm{transform:rotate(-45deg)}#player[data-state=bow] .right-arm{transform:rotate(45deg)}#player[data-state=bow] .eye{display:none}#player[data-state=bow] .closed-eye{display:initial}@keyframes bow{0%,100%{transform:translateY(0) scaleY(1)}35%,65%{transform:translateY(22px) scaleY(.55) rotate(-8deg)}}#player[data-state=dance] .avatar{animation:groove .55s ease-in-out infinite alternate}#player[data-state=dance] .left-arm{animation:leftwave .6s infinite alternate}#player[data-state=dance] .right-arm{animation:rightwave .45s infinite alternate}#player[data-state=dance] .head{animation:nod .35s infinite alternate}#player[data-state=dance] .left-leg{animation:kick .5s infinite alternate}#player[data-state=dance] .right-leg{animation:kick .5s infinite alternate-reverse}@keyframes groove{from{transform:translate(-9px,-8px) rotate(-9deg)}to{transform:translate(9px,1px) rotate(10deg)}}@keyframes leftwave{from{transform:rotate(55deg)}to{transform:rotate(150deg)}}@keyframes rightwave{from{transform:rotate(-65deg)}to{transform:rotate(-155deg)}}@keyframes nod{to{transform:rotate(12deg)}}@keyframes kick{to{transform:rotate(18deg)}}#player[data-state=meditate] .legs{display:none}#player[data-state=meditate] .sitting-legs,#player[data-state=meditate] .closed-eye{display:initial}#player[data-state=meditate] .eye{display:none}#player[data-state=meditate] .upper{transform:translateY(19px);animation:breathe 4s infinite ease-in-out}#player[data-state=meditate] .left-arm{transform:rotate(-33deg)}#player[data-state=meditate] .right-arm{transform:rotate(33deg)}@keyframes breathe{50%{transform:translateY(16px)}}#mantra{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);font-size:19px;letter-spacing:1px;white-space:nowrap;color:#ddffff;padding:15px 22px;border-radius:25px;border:1px solid #88dfdf77;background:linear-gradient(135deg,#193950e8,#102c42e8);box-shadow:0 0 30px #6ee4db22;animation:mantra 4s infinite ease-in-out}#mantra:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 7px);width:12px;height:12px;background:#143348;border-right:1px solid #88dfdf77;border-bottom:1px solid #88dfdf77;transform:rotate(45deg)}@keyframes mantra{50%{translate:0 -5px}}footer{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);width:min(930px,calc(100% - 40px));z-index:3}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}nav button{border:1px solid #a1bac34d;background:linear-gradient(140deg,#213a50e6,#0a172de8);backdrop-filter:blur(18px);border-radius:17px;padding:17px 13px;display:flex;align-items:center;gap:12px;justify-content:center;box-shadow:0 8px 25px #0003;transition:background .2s,transform .2s}nav button:hover{background:#294f68ee;transform:translateY(-3px)}nav button[aria-pressed=true]{border-color:#7fe0dd;background:#22506aeb;box-shadow:0 0 20px #70e3dd20}nav .icon{font-size:27px;color:#cae9f1}nav button>span:last-child{text-align:left;font-weight:600;font-size:17px}nav small{display:block;font-weight:400;font-size:10px;color:#a7bed0;margin-top:5px}.footnote{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#92a6bd;margin:13px 5px 0;min-height:22px}.footnote button{font-size:11px;background:transparent;border:0;color:#d4e6f2}#toast{position:absolute;bottom:calc(20% + 225px);left:50%;transform:translateX(-50%);background:#0c1f35e8;border:1px solid #88b4d344;padding:10px 18px;border-radius:20px;font-size:12px;opacity:0;transition:opacity .3s;white-space:nowrap;z-index:4}#toast.visible{opacity:1}dialog{margin:0 0 0 auto;height:100svh;max-height:100svh;max-width:100%;width:440px;background:#101d30f5;color:#edf4ff;border:0;border-left:1px solid #6a879455;padding:32px;box-shadow:-20px 0 80px #0006;backdrop-filter:blur(25px);overflow:auto}dialog::backdrop{background:#02091566;backdrop-filter:blur(3px)}.board-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#7fd5d6}h2{font-size:26px;letter-spacing:-1px;margin:10px 0}#closeBoard{border:1px solid #a1bac333;border-radius:50%;font-size:27px;background:transparent;width:36px;height:36px;line-height:28px}.board-intro{color:#9cb1c6;font-size:12px;line-height:1.8}.rule{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.rule span{font-size:10px;color:#a6c6d5;background:#adc8df0a;border:1px solid #a1bac329;border-radius:6px;padding:6px 8px}label{display:block;font-size:12px;margin-bottom:10px}.input-wrap{border:1px solid #8bacc74d;border-radius:12px;background:#050f2180;padding:14px}.input-wrap:focus-within{border-color:#72ccce}input{width:100%;background:transparent;border:0;color:white;font-size:15px;outline:none!important}input::placeholder{color:#627b96}output{display:block;text-align:right;color:#849eb5;font-size:10px;margin-top:13px}#dailyNotice{font-size:11px;line-height:1.7;color:#9fbdcc;min-height:43px;padding-top:9px}#submitPost{width:100%;display:flex;justify-content:space-between;padding:14px 18px;border:0;border-radius:10px;background:#b1e3e5;color:#10283b;font-weight:700;font-size:13px}.list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a1bac322;margin-top:25px;padding-bottom:10px}.list-heading h3{font-size:14px;font-weight:500}.list-heading span{font-size:10px;color:#8ea9bd}.entry{border-bottom:1px solid #a1bac31a;padding:19px 0}.entry p{margin:0 0 11px;font-size:16px;overflow-wrap:anywhere}.entry small{font-size:10px;color:#8ba8bc}.empty{padding:35px 15px;text-align:center;color:#8fa6bc;font-size:12px;line-height:2}.empty strong{display:block;color:#d9e7f0;font-size:18px;font-weight:400;margin-bottom:10px}.local-note{font-size:10px;color:#6f8aa2;line-height:1.8;margin-top:30px}@media(max-width:700px){header{padding:20px}.brand h1{font-size:21px}.brand p{font-size:9px}.ship{display:none}.prototype{font-size:0;gap:5px;padding:5px}.prototype i{margin:0 3px}.prototype button{font-size:10px}.scene-caption{top:90px;left:22px}.scene-caption p{font-size:10px}.ocean-room{background-size:auto 100%;background-position:center}#player{width:110px;height:145px;bottom:26%}footer{width:calc(100% - 24px);bottom:12px}nav{grid-template-columns:repeat(2,1fr);gap:7px}nav button{padding:12px 8px;border-radius:12px;gap:10px}nav button>span:last-child{font-size:14px}nav small{font-size:9px}.footnote{font-size:8px}.footnote>span:last-child{display:none}.footnote button{font-size:10px}#mantra{font-size:16px;padding:12px 17px}#toast{bottom:calc(26% + 192px);max-width:90%;white-space:normal;text-align:center}dialog{width:100%;padding:26px}}@media(prefers-reduced-motion:reduce){#player *{animation-duration:2s!important}nav button{transition:none}}