.jital-shell{color:#314d58;background:#d3d4bc;width:100%;height:100dvh;min-height:320px;position:relative;overflow:hidden}.jital-world{touch-action:none;outline:none;width:100%;height:100%;display:block}.jital-ui{pointer-events:none;position:absolute;inset:0}.jital-ui button,.jital-ui a{pointer-events:auto}.jital-top{top:calc(env(safe-area-inset-top) + 20px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:20px;right:20px}.jital-brand{background:#fff9ecee;border-radius:26px;flex-direction:column;padding:12px 19px;text-decoration:none;display:flex}.jital-brand small{color:#70837d;font-size:10px;font-weight:700}.jital-brand strong{font-family:Jua,Noto Sans KR,sans-serif;font-size:26px;line-height:1.25}.jital-circle{background:#fff9ecee;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.jital-clock{font-variant-numeric:tabular-nums;background:#fff9ecee;border-radius:26px;padding:10px 23px;font-size:21px;font-weight:800}.jital-tagline{top:calc(env(safe-area-inset-top) + 111px);background:#fff9ecd9;border-radius:20px;padding:7px 12px;font-size:11px;position:absolute;left:22px}.jital-start{bottom:calc(env(safe-area-inset-bottom) + 24px);text-align:center;position:absolute;left:20px;right:20px}.jital-start>p{background:#fff9eced;border-radius:30px;margin:0 auto 12px;padding:7px 14px;font-size:12px;display:table}.jital-start>div{gap:10px;max-width:440px;margin:auto;display:flex}.jital-start button,.jital-result>button,.jital-modal section>button:not(.jital-close){color:#fff9eb;background:#df8c46;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:58px;padding:14px 20px;font-weight:800;display:flex;box-shadow:0 5px #bb6e37}.jital-start .seek{background:#376b83;box-shadow:0 5px #25546a}.jital-start>small{background:#fff9eccc;border-radius:20px;margin:16px auto 7px;padding:4px 10px;font-size:10px;display:table}.jital-start>a,.jital-result>a{background:#fff9eccc;border-radius:20px;padding:5px 12px;font-size:11px;text-decoration:none;display:inline-block}.jital-role,.jital-ground-rule{top:calc(env(safe-area-inset-top) + 84px);white-space:nowrap;background:#fff9ecd9;border-radius:22px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.jital-ground-rule{top:calc(env(safe-area-inset-top) + 120px);background:#fff9ecaa;font-size:10px}.jital-dark .jital-role,.jital-dark .jital-ground-rule{color:#d5e6df;background:#243d46}.jital-joy-zone{pointer-events:auto;touch-action:none;width:57%;position:absolute;top:170px;bottom:0;left:0}.jital-stick{background:#fff6df1a;border:2px solid #fff5d984;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:absolute;transform:translate(-50%,-50%)}.jital-stick i{background:#fff9dfaa;border-radius:50%;width:42px;height:42px;display:block}.jital-direction{left:20px;bottom:calc(env(safe-area-inset-bottom) + 30px);grid-template-columns:44px 44px 44px;gap:5px;display:grid;position:absolute}.jital-direction button{touch-action:none;background:#fff9ecee;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 3px #cccab6}.jital-direction .up{grid-column:2}.jital-direction .left{grid-column:1}.jital-direction small{text-align:center;background:#fff9eccc;border-radius:10px;grid-column:1/4;padding:3px;font-size:9px}.jital-skill{right:22px;bottom:calc(env(safe-area-inset-bottom) + 32px);color:#665230;background:#f9e5b8;border:4px solid #fff9ee;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:94px;height:94px;display:flex;position:absolute;box-shadow:0 4px #b7a889}.jital-skill span{font-size:11px;font-weight:800}.jital-skill.active{color:#fff;background:#90b59d}.jital-skill:disabled{opacity:.6}.jital-count{background:#263d4a22;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.jital-count b{color:#fff9e9;text-shadow:0 4px #4d7385;font-size:85px}.jital-count span{background:#fff9ec;border-radius:22px;padding:8px 18px;font-size:13px;font-weight:700}.jital-result{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9efee;border:1px solid #fff;border-radius:28px;width:min(370px,100% - 36px);max-height:calc(100dvh - 30px);padding:25px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.jital-result small{color:#71857c;font-size:11px}.jital-result h1{letter-spacing:-1px;margin:10px 0;font-size:29px}.jital-result p{font-size:12px}.jital-stats{justify-content:center;gap:10px;margin:20px 0;display:flex}.jital-stats span{background:#eaeeda;border-radius:15px;flex-direction:column;gap:5px;padding:10px 20px;font-size:10px;display:flex}.jital-stats b{font-size:18px}.jital-result>button{border-radius:20px;width:100%;min-height:48px;margin-top:12px;font-size:14px}.jital-result .jital-secondary,.jital-modal .jital-secondary{color:#3f665b!important;box-shadow:none!important;background:#e5eddf!important}.jital-result .jital-text{box-shadow:none;color:#5b7a72;background:0 0;min-height:35px;font-size:11px}.jital-result>a{margin-top:8px}.jital-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10222c80;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.jital-modal>section{text-align:center;background:#fff9ec;border-radius:27px;width:100%;max-width:360px;max-height:calc(100dvh - 30px);padding:28px;position:relative;overflow:auto}.jital-modal h2{margin:0 0 15px}.jital-modal p{font-size:13px;line-height:1.9}.jital-modal small{color:#70877d;font-size:10px;line-height:1.8}.jital-modal section>button:not(.jital-close){width:100%;min-height:46px;box-shadow:none;margin-top:13px;font-size:13px}.jital-close{background:0 0;position:absolute;top:10px;right:10px}.jital-loading{color:#647e6a;background:#f4efd9;place-items:center;display:grid;position:absolute;inset:0}.jital-toast{white-space:nowrap;color:#fff8e5;pointer-events:none;background:#213a43;border-radius:23px;padding:11px 16px;font-size:12px;position:absolute;bottom:155px;left:50%;transform:translate(-50%)}@media (pointer:coarse){.jital-direction{display:none}}@media (max-height:550px) and (min-width:600px){.jital-top{top:12px;left:16px;right:16px}.jital-brand{padding:8px 15px}.jital-brand strong{font-size:21px}.jital-tagline{top:88px;left:16px}.jital-start{bottom:14px}.jital-start>p{margin-bottom:9px;padding:5px 12px;font-size:10px}.jital-start button{min-height:47px;padding:10px 20px}.jital-start>small{margin:12px 8px 0 0;display:inline-block}.jital-start>a{font-size:10px}.jital-direction{bottom:20px}.jital-skill{width:80px;height:80px;bottom:22px}.jital-role{top:68px}.jital-ground-rule{top:102px}.jital-result{padding:17px}.jital-result h1{margin:5px;font-size:23px}.jital-stats{margin:10px}.jital-result>button{min-height:39px;margin-top:8px}.jital-result p{margin:6px}.jital-result>small{font-size:10px}}.jital-clock{text-align:center;line-height:1.1}.jital-clock small{margin-top:5px;font-size:10px;font-weight:600;display:block}.jital-direction button:disabled{opacity:.4}@media (max-height:550px) and (min-width:600px){.jital-clock{padding:7px 20px;font-size:19px}.jital-clock small{font-size:9px}}.jital-header-actions{align-items:center;gap:8px;display:flex}.jital-entry{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);pointer-events:auto;width:min(340px,100% - 40px);position:absolute;transform:translate(-50%)}.jital-ui input{pointer-events:auto}.jital-invite-url{color:#294f70;background:#f3f6ed;border:1px solid #d8dfd0;border-radius:15px;width:100%;padding:12px;font-size:16px}.jital-online-result{color:#294f70;flex-direction:column;gap:5px;padding:16px 20px 0;display:flex}.jital-online-result b{font-size:20px}.jital-online-result span{color:#73856e;font-size:12px}.jital-connection{z-index:30;background:#fff9ec;border-radius:18px;max-width:90%;padding:12px 16px;font-size:12px;position:absolute;top:110px;left:50%;transform:translate(-50%)}.jital-connection button{background:#e5eddf;border-radius:15px;min-height:36px;margin-left:8px;padding:8px 12px}.jital-modal{z-index:40}.jital-toast{z-index:50;white-space:normal;width:max-content;max-width:90%}.jital-circle.jital-sound-hint{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.jital-sound-hint span{white-space:nowrap;font-size:10px;font-weight:700;line-height:1.2}.jital-catch-notice{z-index:4;top:calc(env(safe-area-inset-top) + 120px);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.jital-catch-notice strong{white-space:nowrap;color:#493419;background:#ffdf9b;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:800;display:block;box-shadow:0 2px 8px #17252726}@media (orientation:landscape) and (max-height:550px){.jital-catch-notice{top:100px}}