.platform-access{gap:16px;width:min(100% - 24px,760px);margin:32px auto;padding-bottom:40px;display:grid}.platform-access-card{color:#183e3d;background:#fff4dc;border:3px solid #213f3b;border-radius:26px;padding:clamp(18px,4vw,32px);box-shadow:0 7px #213f3b}.platform-access-card h1{margin:0;font-size:clamp(26px,5vw,38px);line-height:1.1}.platform-access-card h2{font-size:20px}.platform-access-card p{line-height:1.5}.platform-access-card .field{gap:8px;margin:18px 0;display:grid}.platform-access-card input[type=date],.platform-access-card textarea{box-sizing:border-box;color:#183e3d;width:100%;min-width:0;font:inherit;background:#fff;border:2px solid #54736b;border-radius:12px;padding:12px}.access-punch{align-items:center;gap:16px;display:flex}.access-punch img{object-fit:contain;flex-shrink:0;width:80px;height:112px}.access-punch p{margin:0 0 8px}.access-consent{align-items:flex-start;gap:12px;margin:20px 0;line-height:1.5;display:flex}.access-consent input{flex-shrink:0;width:20px;height:20px;margin-top:6px}.access-button{color:#183e3d;min-height:48px;font:inherit;cursor:pointer;background:#ffbd42;border:2px solid #183e3d;border-radius:14px;padding:12px 20px;font-weight:800;display:inline-block}.access-button:disabled{opacity:.55;cursor:default}.access-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:16px 0 0;text-decoration:underline;display:block}.tutorial-guidance{background:#fff;border:2px solid #a8bca2;border-radius:16px;padding:16px}.tutorial-order{gap:12px;padding:0;list-style:none;display:grid}.tutorial-order li{background:#fff;border:2px solid #a8bca2;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.tutorial-order p{overflow-wrap:anywhere;flex:1;margin:0}.tutorial-order small{margin-top:8px;font-weight:700;display:block}.tutorial-order button{cursor:pointer;border:2px solid #183e3d;border-radius:12px;min-width:44px;min-height:44px;font-size:24px}.platform-access-card{border:2px solid #dac897;border-radius:32px 28px 34px 26px;box-shadow:inset 0 5px 2px #fffbe6,inset 0 -8px 4px #d8bc7e66,0 10px #778c6970,0 18px 25px #163e3b33}.battle-tutorial .tutorial-guidance{background:#ffe9aa;border:0;border-radius:20px 16px 22px 18px;margin:12px 0 20px;box-shadow:inset 0 3px 2px #fff7dd,0 4px #e0c28b}.tutorial-host.battle-host{flex-shrink:0;width:115px;height:112px;position:relative;top:auto}.tutorial-host.battle-host .show-host__actor{width:140px;height:140px;margin:-15px -12px}.tutorial-host .show-host__podium,.tutorial-host .show-host__shadow{display:none}.battle-tutorial .battle-joke-text p{margin:0;font-size:18px;line-height:1.4}.battle-tutorial .battle-rank-slot{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:4px 0}.battle-tutorial .battle-joke.is-own{background:#eee4ff}.battle-tutorial .battle-reorder{flex-direction:column}.tutorial-help{margin-top:24px;font-size:14px;line-height:1.5}.tutorial-help summary{cursor:pointer;padding:10px 0;font-weight:700}.tutorial-simple .tutorial-progress{color:#705484;font-size:13px;font-weight:800}.site-frame:has(.tutorial-simple)>:is(.site-header,.mobile-navigation,.show-site-footer){display:none}.tutorial-task-focus:has(.battle-ranking){background:0 0;border:0;padding:0}.tutorial-simple .battle-joke{flex-wrap:nowrap;align-items:center}.tutorial-simple .battle-joke-text{flex:1;min-width:0}.tutorial-simple .battle-reorder{flex-shrink:0}.tutorial-simple h1:focus{outline:none}.tutorial-simple .tutorial-guidance{box-shadow:none;background:0 0;margin:20px 0;padding:0;font-size:17px}.tutorial-task-focus{background:#fffdf6;border:2px solid #dfad3e;border-radius:22px;padding:clamp(14px,3vw,24px)}.tutorial-task-focus .tutorial-setup-label{color:#705484;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:12px;font-weight:800}.tutorial-task-focus h2{margin:0 0 18px;font-size:clamp(20px,3vw,25px);line-height:1.3}.tutorial-simple textarea:focus{outline-offset:3px;outline:3px solid #8e60ba}.tutorial-own-note{border-left:4px solid #9465bf;padding-left:12px;font-size:14px}.tutorial-next{text-align:center;margin-top:20px}.tutorial-next p{font-size:14px}.tutorial-next .punch-button{width:100%;min-height:52px}.tutorial-score-example{background:#eee4ff;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:20px 12px;display:flex}.tutorial-score-example p{text-align:center;flex:1;margin:0}.tutorial-score-example strong{font-size:38px;line-height:1.2;display:block}.tutorial-score-example span{font-size:13px}.tutorial-note{color:#54736b;font-size:13px}.battle-tutorial textarea{background:#fffdf7;border-color:#cfb67c;box-shadow:inset 0 3px 5px #66421e18}@media (max-width:700px){.platform-access{margin:18px auto}.battle-tutorial .access-punch{gap:8px}.battle-tutorial .access-punch h1{font-size:25px}.battle-tutorial .access-punch p{font-size:12px}.battle-tutorial .battle-reorder button{min-width:38px}.battle-tutorial .punch-button{width:100%}}.welcome-backdrop{pointer-events:none;-webkit-user-select:none;user-select:none}.welcome-dialog{box-sizing:border-box;color:#193e3b;overscroll-behavior:contain;background:#fff1cb;border:2px solid #dac897;border-radius:28px;width:min(520px,100% - 48px);max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow-y:auto;box-shadow:inset 0 3px 2px #fffbe6,0 20px 64px #092b3955}.welcome-dialog::backdrop{background:#102f36a6}.welcome-dialog-content{padding:28px}.welcome-dialog form{gap:16px;display:grid}.welcome-dialog .access-consent{cursor:pointer;align-items:center;gap:12px;min-height:48px;margin:0;font-size:16px;line-height:1.5}.welcome-dialog input[type=checkbox]{accent-color:#225850;cursor:pointer;width:24px;height:24px;margin:0}.welcome-dialog a{color:inherit;text-underline-offset:3px;text-decoration:underline}.welcome-dialog :focus-visible{outline-offset:4px;outline:3px solid #225850}.welcome-dialog .access-button{border:2px solid #a57123;width:100%;min-height:52px;box-shadow:inset 0 3px 1px #fff4b9,0 3px #b68435}.welcome-dialog .access-button:not(:disabled):hover{background:#ffd064}.welcome-dialog .access-button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 3px #a5712333}.welcome-dialog .access-button:disabled{opacity:.55;box-shadow:none}.welcome-privacy{color:#43584c;margin:0;font-size:14px;line-height:1.5}.welcome-error{color:#8b231d;margin:0;line-height:1.5}@media (max-width:700px){.welcome-dialog{border-bottom:0;border-radius:26px 26px 0 0;width:100%;max-height:calc(100dvh - 24px);margin:0;animation:.22s ease-out welcome-rise;position:fixed;inset:auto 0 0}.welcome-dialog-content{padding:24px max(20px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.welcome-dialog form{gap:12px}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-dialog{animation:none}}.privacy-settings-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 0;text-decoration:underline}.privacy-settings-dialog h2{margin:0;font-size:22px;line-height:1.3}.privacy-settings-dialog p{line-height:1.5}.tutorial-completion-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.site-shell.show-site .tutorial-completion-actions .access-button{text-align:center;flex:none;width:auto;min-width:180px;padding:12px 24px;text-decoration:none}.tutorial-completion-actions .tutorial-replay{color:#24534e;min-height:48px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:12px 4px;font-weight:700;text-decoration:underline}.tutorial-completion-actions .tutorial-replay:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #77579b}.welcome-intro{align-items:center;gap:16px;margin-bottom:24px;display:flex}.welcome-intro img{object-fit:contain;flex:none;width:96px;height:116px}.welcome-dialog .welcome-intro h1{margin:0 0 10px;font-size:28px;line-height:1.15}.welcome-dialog .welcome-intro p{margin:0;font-size:16px;line-height:24px}@media (max-width:600px){.welcome-intro{gap:12px}.welcome-intro img{width:72px;height:96px}.welcome-dialog .welcome-intro h1{font-size:24px}}@media (min-width:1000px){.site-shell.show-site .platform-access:has(.tutorial-simple){box-sizing:border-box;width:min(100% - 64px,1040px);padding-right:260px}.site-shell.show-site .tutorial-simple{position:relative}.site-shell.show-site .tutorial-simple .access-punch{min-height:0;display:block}.site-shell.show-site .tutorial-simple .tutorial-host{width:220px;height:330px;margin:0;position:absolute;top:120px;left:calc(100% + 32px)}.site-shell.show-site .tutorial-simple .tutorial-host .show-host__actor{width:220px;height:330px;margin:0}}.welcome-consents{gap:0;display:grid}.site-shell.show-site .tutorial-pause{color:#24534e;min-height:44px;font:600 16px/24px var(--ha-font-inter),Arial,sans-serif;text-underline-offset:4px;justify-content:center;align-items:center;margin-top:16px;text-decoration:underline;display:flex}@media (max-width:999px){.site-shell.show-site .tutorial-simple .tutorial-host.battle-host{align-self:center;width:100px;height:150px;margin:0}.site-shell.show-site .tutorial-simple .tutorial-host.battle-host .show-host__actor{width:100px;height:150px;margin:0}}@media (max-width:380px){.site-shell.show-site .tutorial-simple .tutorial-host.battle-host,.site-shell.show-site .tutorial-simple .tutorial-host.battle-host .show-host__actor{width:80px;height:132px}.site-shell.show-site .tutorial-simple .access-punch h1{font-size:24px!important}}