.datang-shell{color:#fff2d8;isolation:isolate;background:#101b32;padding:clamp(18px,4vw,48px)}.datang-shell button{font:inherit;color:#fff2d8;cursor:pointer;background:#21374f;border:1px solid #b99b69;border-radius:12px;padding:12px 18px;font-size:16px}.datang-shell button:hover{background:#31516b}.datang-shell button:focus-visible{outline-offset:4px;outline:3px solid #ffd577}.datang-shell button small{margin-top:5px;font-size:15px;display:block}.datang-shell .datang-primary{color:#14243c;background:#ffd177;font-weight:700}.datang-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.datang-heading h2{margin:8px 0;font-size:clamp(26px,4vw,44px)}.datang-heading p{margin:8px 0}.datang-heading>div>p:first-child{color:#ffd177;letter-spacing:2px;font-size:14px}.datang-entry{grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:30px 0;display:grid}.datang-entry img{border-radius:20px;width:100%}.datang-entry h3{font-size:30px}.datang-entry p{line-height:1.7}.datang-entry button{margin:8px 8px 0 0}.datang-note{color:#c5ccda;font-size:14px}.datang-status{background:#203a50;border-radius:12px;align-items:center;gap:20px;margin:24px 0 12px;padding:15px;display:flex}.datang-status label{white-space:nowrap;margin-left:auto}.datang-phrase{text-align:left;gap:5px;font-size:18px;line-height:1.55;display:grid}.datang-phrase small{color:#e3cb9b;font-size:16px}.datang-phrase>span{color:#d0dae6;font-size:16px}.datang-play{border:1px solid #60718a;border-radius:20px;position:relative;overflow:hidden}.datang-canvas{touch-action:none;height:65svh;min-height:420px;max-height:780px}.datang-canvas canvas{touch-action:none;display:block}.datang-move{flex-wrap:wrap;gap:6px;max-width:95%;display:flex;position:absolute;bottom:18px;left:18px}.datang-move button{touch-action:none;background:#15273deb;padding:10px 16px;font-size:24px}.datang-loading{background:#15273d;padding:20px;position:absolute;top:30%;left:15%;right:15%}.datang-simple img{object-fit:contain;width:100%;max-height:420px;display:block}.datang-simple p,.datang-simple button{margin:16px}.datang-instructions{color:#d4dfec;font-size:15px;line-height:1.7}.datang-stations{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.datang-stations>div{border:1px solid #65847e;border-radius:14px;display:flex;overflow:hidden}.datang-stations button:first-child{border:0;border-radius:0;flex:1;min-width:0}.datang-listen{min-width:45px;padding:10px!important}.datang-stations .datang-listen{background:#1b4b4a;border:0;border-radius:0}.datang-complete{background:#1c4844;border-radius:16px;margin-top:20px;padding:28px}.datang-dialog{color:#fff2d8;background:#172941;border:1px solid #dbb677;border-radius:20px;width:calc(100% - 24px);max-width:740px;max-height:88svh;padding:24px;overflow:auto}.datang-dialog::backdrop{background:#030918b8}.datang-dialog h3{margin-top:8px}.datang-close{float:right}.datang-question{margin:20px 0}.datang-answers{gap:12px;margin:20px 0;display:grid}.datang-answers>div{gap:5px;display:flex}.datang-answers>div>button:first-child{text-align:left;align-items:center;gap:14px;width:100%;display:flex}.datang-garment{background-image:url(/images/datang-clothes.png);background-size:300% 100%;border-radius:8px;flex-shrink:0;width:86px;height:145px;display:block}.datang-person{float:right;background:url(/images/mission-people.png) 66.666%/400% 100%;border-radius:12px;width:100px;height:210px;margin:0 0 12px 18px}.datang-success{background:#215248;border-radius:12px;margin-top:20px;padding:20px}.datang-success button{margin:10px 8px 0 0}@media (width<=650px){.datang-entry{grid-template-columns:1fr;gap:16px}.datang-heading{display:block}.datang-heading>button{margin-top:15px}.datang-stations{grid-template-columns:repeat(2,1fr)}.datang-move{gap:4px;bottom:10px;left:8px}.datang-move button{padding:10px 12px}.datang-status{gap:12px}.datang-dialog{padding:18px}.datang-garment{width:64px;height:125px}.datang-answers>div>button:first-child{padding:10px}.datang-phrase{font-size:17px}.datang-person{width:75px;height:160px}}