.device{gap:calc(20 * var(--u));margin:calc(16 * var(--u)) calc(38 * var(--u));grid-template-columns:minmax(0,1fr) 324px;display:grid}.play{min-width:0}.play .sg:not(:fullscreen){width:100%;height:clamp(420px, calc(100svh - max(48px, 54 * var(--u)) - 32 * var(--u)), 75vw);border-radius:calc(20 * var(--u));margin:0}.side{border-radius:calc(20 * var(--u));background:var(--card);min-width:0;position:relative}.side>*{border-radius:inherit;position:absolute;inset:0}.crumbs,h1,.guide{box-sizing:border-box;width:calc(100% - 76 * var(--u));max-width:820px;padding-inline:calc(44 * var(--u));background:var(--card);color:#fff;margin-inline:auto}.crumbs{margin-top:calc(28 * var(--u));padding-top:calc(22 * var(--u));border-radius:calc(26 * var(--u)) calc(26 * var(--u)) 0 0;font-size:15px;font-weight:600}.crumbs ol{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";opacity:.7;margin-right:10px}.crumbs [aria-current]{opacity:.85}h1{margin-top:calc(28 * var(--u));padding-top:calc(36 * var(--u));padding-bottom:max(10px, calc(14 * var(--u)));border-radius:calc(26 * var(--u)) calc(26 * var(--u)) 0 0;font:800 max(30px, calc(58 * var(--u)))/1.05 var(--display);letter-spacing:-.03em;text-wrap:balance;margin-bottom:0}.crumbs+h1{padding-top:calc(10 * var(--u));border-radius:0;margin-top:0}.guide{--line:#ffffff47;--tile:color-mix(in srgb, var(--card) 86%, #fff);margin-bottom:calc(40 * var(--u));padding-top:calc(14 * var(--u));padding-bottom:calc(56 * var(--u));border-radius:0 0 calc(26 * var(--u)) calc(26 * var(--u))}.guide a{color:#fff}.guide :where(p,li){margin:0 0 12px}.guide ul{margin:0 0 12px;padding-left:1.2em}.guide .lead{font-size:max(18px, calc(22 * var(--u)));margin-bottom:8px;font-weight:500;line-height:1.45}.guide h2{margin:calc(52 * var(--u)) 0 14px;font:800 max(26px, calc(40 * var(--u)))/1.1 var(--display);letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:16px}.guide h3{font:700 max(19px, calc(24 * var(--u)))/1.25 var(--display);letter-spacing:-.01em;margin:26px 0 8px}.guide .checked{border-top:1px solid var(--line);margin-top:28px;padding-top:14px;font-size:15px}.guide .shot{box-sizing:border-box;text-align:center;margin:20px 0 24px}.guide .shot img{border:calc(8 * var(--u)) solid var(--bar);border-radius:calc(14 * var(--u));box-sizing:border-box;width:100%;height:auto;display:block}.guide .shot figcaption{opacity:.9;margin-top:8px;font-size:15px;line-height:1.45}.guide .table-wrap{margin:0 0 12px;overflow-x:auto}.guide table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0 0 12px;font-size:16px;line-height:1.35}.guide :where(th,td){border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px 9px 0}.guide thead th{border-bottom:2px solid #fff9}.guide thead th,.guide tbody th{font-family:var(--display);font-weight:700}.guide tbody th{white-space:nowrap}.guide .faq{border-bottom:1px solid var(--line)}.guide .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;list-style:none;display:flex}.guide .faq summary::-webkit-details-marker{display:none}.guide .faq summary:after{content:"+";font:700 26px/1 var(--display);flex:none}.guide .faq[open] summary:after{content:"−"}.guide .faq h3{margin:0}.guide .faq p{margin:0 0 14px}.guide ul.modes{--light:#aad751;--border:#578a34;gap:calc(12 * var(--u));grid-template-columns:repeat(3,1fr);max-width:none;padding:0;list-style:none;display:grid}.modes li{box-sizing:border-box;align-items:flex-start;gap:calc(12 * var(--u));max-width:none;padding:calc(14 * var(--u));border:2px solid var(--line);border-radius:calc(14 * var(--u));background:var(--tile);margin:0;font-size:16px;line-height:1.35;display:flex;position:relative}.modes b{font:700 max(19px, calc(24 * var(--u)))/1.1 var(--display);letter-spacing:-.02em;margin-bottom:2px;display:block}.micon{flex:none}.micon svg{width:max(36px, calc(48 * var(--u)));height:max(36px, calc(48 * var(--u)));display:block}.modes a{text-decoration:none}.modes a:after{content:"";position:absolute;inset:0}.modes li:has(a):hover{border-color:#fff}.modes li:has(a:focus-visible){outline-offset:3px;outline:3px solid #fff}.modes a:focus-visible{box-shadow:none;outline:0}@media (width<1100px){.device{grid-template-columns:minmax(0,1fr);margin-inline:16px}.side{display:none}.crumbs,h1,.guide{width:calc(100% - 32px);padding-inline:28px}.guide ul.modes{grid-template-columns:repeat(2,1fr)}}@media (width<=760px),(height<=520px){.device{margin:0;padding:8px}.play .sg:not(:fullscreen){border-radius:6px;height:max(280px,100svh - 66px)}.crumbs,h1,.guide{width:calc(100% - 16px);padding-inline:16px}.crumbs{border-radius:16px 16px 0 0;margin-top:12px}h1{border-radius:16px 16px 0 0;margin-top:12px;padding-top:20px;font-size:30px}.guide{border-radius:0 0 16px 16px;margin-bottom:8px;padding-bottom:32px}.guide h2{margin-top:32px}.guide ul.modes{grid-template-columns:1fr;gap:8px}.modes li{padding:10px}}