.canfield-page{margin:auto;padding:22px 24px 48px;max-width:1180px!important}.canfield-heading{margin:20px 0}.canfield-heading h1{margin:0;font-size:clamp(34px,5vw,56px)}.canfield-heading p{margin:7px 0}.canfield{--card-height:124px;--strip:32px;--cream:#fff3de;--ink:#173a49;color:var(--cream);background:#153e4b;border:1px solid #50707b;border-radius:26px;overflow:hidden;box-shadow:0 16px 40px #00152455}.canfield [hidden]{display:none!important}.canfield button{font:inherit;min-height:44px;color:var(--cream);cursor:pointer;background:#244d59;border:1px solid #67858a;border-radius:12px;padding:9px 14px}.canfield button:disabled{opacity:.5;cursor:default}.canfield button:focus-visible,.canfield-help summary:focus-visible{outline-offset:2px;z-index:2;outline:3px solid #ffcf73}.canfield-toolbar{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.canfield-toolbar strong{color:#ffdaa2;margin-right:auto}.canfield-toolbar span{color:#d0e0de;font-size:13px}.canfield-scene{background:radial-gradient(at top,#38726966,#0000 75%);grid-template-columns:minmax(0,1fr) 150px;gap:24px;padding:24px 20px 20px;display:grid}.canfield-table{min-width:0}.canfield-foundations{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin:0 0 28px auto;display:grid}.canfield-columns{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:9px;display:grid}.canfield-column{flex-direction:column;min-width:0;display:flex}.canfield .canfield-card,.canfield .canfield-slot{min-height:var(--card-height);height:var(--card-height);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:11px;flex-shrink:0;width:100%;padding:0;position:relative}.canfield .canfield-card{color:var(--ink);text-align:left;background:linear-gradient(145deg,#fffaf0,#f4e2c8);border:1px solid #e2d0b5;box-shadow:0 2px #b9aa90}.canfield-card[data-red=true]{color:#ad3528}.canfield-corner{white-space:nowrap;font-size:20px;font-weight:800;line-height:22px;position:absolute;top:5px;left:6px}.canfield-pip{place-items:center;height:100%;padding-top:14px;font-size:42px;display:grid}.canfield-column>.canfield-card:not(:last-child){height:var(--strip);min-height:var(--strip);box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow:hidden}.canfield-column>.canfield-card:not(:last-child) .canfield-pip{display:none}.canfield .canfield-hidden{background:repeating-linear-gradient(45deg,#b9dfc92b 0 5px,#0000 5px 10px),#38867d;border:2px solid #a8ccb8;height:18px!important;min-height:18px!important}.canfield .canfield-slot{color:#bbd1c3;background:#0a2a3655;border:2px dashed #77988b;font-size:24px}.canfield-card[data-selected=true],.canfield-card[aria-pressed=true]{background:#fff0bd!important;border-left:3px solid #e29332!important;border-right:3px solid #e29332!important;box-shadow:inset 0 0 0 1px #d29738!important}.canfield-card[aria-pressed=true]{outline-offset:0;outline:3px solid #ffcd67}.canfield-selection{color:#24414b;overflow-wrap:anywhere;background:#fff0d7;min-height:50px;padding:12px 18px;font-size:14px;line-height:1.6}.canfield-status{background:#14323f;min-height:58px;margin:0;padding:12px 18px;font-size:14px;line-height:1.6}.canfield-footer{background:#0c2a38;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.canfield-footer span{color:#c3d5d4;margin-left:auto;font-size:11px}.canfield [data-canfield-next]{color:#153544;background:#ffae82;border-color:#ffd5a5;font-weight:700}.canfield-companion{flex-direction:column;align-items:center;display:flex}.canfield-speech{color:#234551;background:#fff0d9;border-radius:20px 20px 20px 3px;padding:14px;font:19px/1.3 Fredoka,sans-serif}.canfield-companion .avatar-buddy[data-size=large] canvas{width:140px;height:175px}.canfield-badge{text-align:center;color:#b8d1bb;letter-spacing:2px;border:2px solid #8aaf9a;border-radius:50%;margin-top:25px;padding:15px;font-size:13px;line-height:1.4;transform:rotate(-8deg)}.canfield-help{color:#c0d3db;max-width:800px;margin:28px auto;font-size:14px;line-height:1.8}.canfield-help h2{color:#fff0d9;font:25px Fredoka,sans-serif}.canfield-help summary{cursor:pointer;color:#ffe0b6}.canfield-help details{margin:14px 0}.canfield dialog{color:#24414b;text-align:center;background:#fff3de;border:1px solid #d5bda1;border-radius:24px;width:90%;max-width:420px;margin:auto;padding:26px;position:fixed;inset:0}.canfield dialog:not([open]){display:none}.canfield dialog::backdrop{background:#071d30b8}.canfield dialog p{line-height:1.6}.canfield dialog button{margin:4px}@media (width<=800px){.canfield-scene{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 12px}.canfield-companion{grid-template-columns:60px 1fr;justify-items:start;gap:14px;display:grid}.canfield-companion .avatar-buddy{grid-area:1/1}.canfield-companion .avatar-buddy[data-size=large] canvas{width:56px;height:70px}.canfield-speech{grid-area:1/2;margin:0;font-size:15px}.canfield-speech br,.canfield-badge{display:none}.canfield{--card-height:105px}.canfield-foundations{width:100%}}@media (width<=480px){.canfield-page{padding:14px 8px 32px}.canfield-heading{padding:0 6px}.canfield-heading p{font-size:13px}.canfield{--card-height:76px;--strip:32px;border-radius:18px}.canfield-scene{padding:18px 7px 12px}.canfield-columns{gap:4px}.canfield-foundations{gap:5px;margin-bottom:22px}.canfield .canfield-card,.canfield .canfield-slot{border-radius:7px}.canfield-corner{letter-spacing:-.6px;font-size:16px;line-height:20px;top:4px;left:3px}.canfield-pip{padding-top:18px;font-size:28px}.canfield-toolbar{gap:9px;padding:12px 10px}.canfield-toolbar strong{font-size:14px}.canfield-toolbar span{font-size:12px}.canfield-toolbar button{padding:8px 12px;font-size:13px}.canfield-selection,.canfield-status{padding:11px 12px;font-size:13px}.canfield-footer{gap:8px;padding:12px}.canfield-footer span{width:100%;margin:0}.canfield-help{padding:0 6px}.canfield-card[data-selected=true]{border-left-width:2px!important;border-right-width:2px!important}}@media (prefers-reduced-motion:reduce){.canfield *{transition:none!important;animation:none!important}}@media (width<=480px){.canfield-toolbar{gap:6px;padding:10px 8px}.canfield-toolbar strong{font-size:12px}.canfield-toolbar span{font-size:11px}.canfield-toolbar button{padding:7px 8px;font-size:12px}.canfield-heading{margin:12px 0}.canfield-heading h1{font-size:32px}}.canfield-foundations{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.canfield-foundations>div{min-width:0}.canfield-foundations small{text-align:center;overflow-wrap:anywhere;margin-top:6px;font-size:12px;display:block}.canfield-extras{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;max-width:360px;margin:14px 0 22px;display:grid}.canfield-extras p{margin:5px 0;font-size:13px}.canfield-extras .canfield-packet{letter-spacing:2px;font-size:16px}.canfield-stock-bar{background:#163844;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.canfield-stock-bar p{flex-basis:100%;margin:0;font-size:13px;line-height:1.5}.canfield-stock-bar span{font-size:12px}.canfield-selection{overflow-wrap:anywhere}.canfield-foundations .canfield-slot{overflow-wrap:anywhere;font-size:18px}.canfield-extras .canfield-card,.canfield-extras .canfield-slot{max-width:120px}@media (width<=480px){.canfield-foundations{gap:6px}.canfield-stock-bar{padding:10px 8px}.canfield-stock-bar button{padding:8px;font-size:12px}.canfield-foundations .canfield-slot{font-size:14px}.canfield-foundations small{font-size:11px}.canfield-extras{gap:14px;max-width:260px}.canfield-columns{gap:8px}}.canfield-extras{align-items:start}.canfield-extras>div{grid-template-rows:24px var(--card-height) 22px;gap:4px;display:grid}.canfield-extras>div>p:not(.canfield-packet){grid-row:1;margin:0}.canfield-extras>div>button{grid-row:2}.canfield-extras .canfield-packet{letter-spacing:0;white-space:nowrap;grid-row:3;margin:0;font-size:12px}.canfield-extras{margin:10px 0 16px}