:root{--helm-navy:#1d4b6e;--helm-navy-mid:#16405f;--helm-navy-deep:#0f2c40;--helm-gilt:#d9ae55;--helm-gilt-light:#f3dc9c;--helm-soft:#f3e4bec7;--helm-faint:#f3e4be8c;--helm-coral:#ff9b86;--helm-rope:repeating-linear-gradient(-52deg, #f0d9a3 0 2.4px, #c9a266 2.4px 4.8px, #8a6436 4.8px 6.6px, #5e3f1c 6.6px 7.2px)}.mat-helm{--helm-trim:7px;color:var(--sailcloth-light);border:var(--helm-trim) solid transparent;background:radial-gradient(110% 70% at 14% 0%, #7cc0e629, transparent 62%) padding-box, radial-gradient(80% 60% at 90% 110%, #040e1673, transparent 70%) padding-box, linear-gradient(180deg, var(--helm-navy), var(--helm-navy-mid) 50%, var(--helm-navy-deep)) padding-box, var(--helm-rope) border-box;border-radius:22px;box-shadow:inset 0 0 0 1px #2e1b0db3,inset 0 0 0 5px #081d2773,inset 0 0 0 6px #d9ae556b,0 4px #08141a4d,0 30px 70px #030a109e}.modal.modal-helm{scrollbar-color:var(--helm-gilt) transparent;scrollbar-width:thin;padding:26px 30px 28px}@media (max-width:640px),(max-height:480px){.mat-helm{--helm-trim:5px}.modal.modal-helm{padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-bottom-width:0;border-radius:18px 18px 0 0}}.helm-head{align-items:center;gap:18px;min-width:0;display:flex}.helm-words{min-width:0}.helm-title{font-family:var(--font-display);color:var(--sailcloth-light);text-shadow:0 2px #040e1673;margin:0;font-size:2rem;font-weight:400;line-height:1.05}.helm-line{color:var(--helm-gilt-light);text-wrap:pretty;margin:6px 0 0;font-size:1.125rem;font-weight:800;line-height:1.25}.helm-line.is-yours{color:var(--helm-coral)}.helm-sub{max-width:60ch;font-size:var(--text-sm);color:var(--helm-soft);text-wrap:pretty;margin:3px 0 0;line-height:1.4}@media (max-width:640px),(max-height:480px){.helm-head{gap:12px}.helm-title{font-size:1.3rem}.helm-line{font-size:var(--text-md);margin-top:3px}.helm-sub{font-size:var(--text-xs)}}.helm-emblem{--helm-d:84px;width:var(--helm-d);height:var(--helm-d);background:repeating-conic-gradient(from 0deg, #5a3c1447 0 1.2deg, transparent 1.2deg 6deg), radial-gradient(circle at 32% 26%, var(--brass-light) 0 12%, #cfae6a 30%, var(--brass) 55%, var(--brass-dark) 100%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 1px 1px 1px #fff5d2b3,inset -2px -3px 3px #3c260a8c,2px 4px #08141a59,3px 10px 18px #020a1080}.helm-emblem-face{color:var(--helm-gilt-light);background:radial-gradient(circle at 50% 50%, transparent 58%, #d9ae554d 59% 60%, transparent 61%), radial-gradient(circle at 40% 30%, #2c6a93, var(--helm-navy) 55%, var(--helm-navy-deep));border-radius:50%;place-items:center;display:grid;position:absolute;inset:11%;box-shadow:inset 0 2px 5px #02080ca6,0 0 0 1px #3c260a99}.helm-emblem-face>svg{filter:drop-shadow(0 1px #02080cb3);width:52%;height:52%}@media (max-width:640px),(max-height:480px){.helm-emblem{--helm-d:54px}}.helm-tray{background:#04101a57;border-radius:14px;box-shadow:inset 0 0 0 1px #d9ae5538,inset 0 2px 12px #02080c4d}.helm-rule{background:linear-gradient(90deg,#0000,#d9ae5580 12% 88%,#0000);border:0;height:1px;margin:0}.modal-helm>.modal-close{z-index:3;opacity:1;width:48px;height:48px;color:var(--helm-gilt-light);background:radial-gradient(circle at 32% 26%, var(--brass-light) 0 12%, #cfae6a 30%, var(--brass) 55%, var(--brass-dark) 100%);transition:transform var(--dur-ui) var(--ease-back), color var(--dur-ui);top:14px;right:14px;box-shadow:inset 1px 1px 1px #fff5d2b3,inset -2px -3px 3px #3c260a8c,2px 3px #08141a59,2px 6px 12px #020a1073}.modal-helm>.modal-close:before{content:"";background:radial-gradient(circle at 40% 30%, #2c6a93, var(--helm-navy) 55%, var(--helm-navy-deep));border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 2px 4px #02080c99,0 0 0 1px #3c260a99}.modal-helm>.modal-close svg{stroke-width:2.4px;position:relative}.modal-helm>.modal-close:hover{background:radial-gradient(circle at 32% 26%, var(--brass-light) 0 12%, #cfae6a 30%, var(--brass) 55%, var(--brass-dark) 100%);color:var(--sailcloth-light);transform:translateY(-2px)rotate(90deg)}.modal-helm>.modal-close:active{transform:translateY(1px)scale(.95)}.modal-helm>.modal-close:focus-visible{outline:3px solid var(--lagoon-light);outline-offset:4px}@media (max-width:640px),(max-height:480px){.modal-helm>.modal-close{width:44px;height:44px;top:10px;right:10px}}.helm-arrow{cursor:pointer;width:44px;height:44px;color:var(--helm-gilt-light);background:radial-gradient(circle at 32% 26%, var(--brass-light) 0 12%, #cfae6a 30%, var(--brass) 55%, var(--brass-dark) 100%);transition:transform var(--dur-ui) var(--ease-back);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 1px 1px 1px #fff5d2b3,inset -2px -3px 3px #3c260a8c,2px 3px #08141a59}.helm-arrow:before{content:"";background:radial-gradient(circle at 40% 30%, #2c6a93, var(--helm-navy) 55%, var(--helm-navy-deep));border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 2px 4px #02080c99}.helm-arrow-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;position:relative}.helm-arrow:hover{color:var(--sailcloth-light);transform:translateY(-2px)}.helm-arrow:active{transform:translateY(1px)scale(.95)}.helm-arrow:focus-visible{outline:3px solid var(--lagoon-light);outline-offset:4px}html[data-motion=reduce] .modal-helm>.modal-close:hover,html[data-motion=reduce] .helm-arrow:hover{transform:none}