.module-guide-button{color:#3f7655;background:#fff9eb;border:1px solid #71836a;border-radius:50%;flex:none;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-grid;box-shadow:0 2px #405f5030}.module-guide-button:hover:not(:disabled){background:#fff0be}.module-guide-button:focus-visible{outline-offset:2px;outline:3px solid #246ca3}.point-record-button{color:#6d4c11;background:#fff0b5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:136px;height:136px;margin:14px auto 4px;display:flex;box-shadow:0 7px #e7c65b}.point-record-button.is-recording{color:#fff;background:#ff9b76;animation:1s infinite pulse;box-shadow:0 7px #df6c58}.point-record-button strong{font-size:11px}.point-record-button em{font-size:12px;font-style:normal}.point-record-button.is-recorded{color:#477643;background:#dff0d6;box-shadow:0 7px #a8c995}.point-record-button.is-recorded:hover{background:#cce7c1}.point-record-button{position:relative;overflow:visible}.point-record-progress{pointer-events:none;width:160px;height:160px;position:absolute;inset:-12px;transform:rotate(-90deg)}.point-record-track,.point-record-progress-line{fill:none;stroke-width:6px}.point-record-track{stroke:#e8ebdd}.point-record-progress-line{stroke:#f1a92e;stroke-linecap:round;stroke-dasharray:307.876;transition:stroke-dashoffset .1s linear}.point-record-button.is-recording .point-record-progress-line{stroke:#ef6e52}.point-record-shade{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16352b66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.point-record-modal{color:#315b4d;text-align:center;background:#fffdf8;border:3px solid #fff;border-radius:26px;width:min(430px,100vw - 28px);padding:24px;position:relative;box-shadow:0 18px 48px #254b4050}.point-record-close{color:#397e65;background:#edf3e7;border-radius:50%;width:32px;height:32px;position:absolute;top:12px;right:12px}.point-record-kicker{color:#8a6aaf;letter-spacing:.08em;font-size:13px;font-weight:800;display:block}.point-record-modal h2{color:#397e65;margin:5px 0 14px;font-size:24px}.point-record-line{color:#493d28;text-align:left;background:#fff3c7;border-radius:16px;align-items:center;gap:8px;padding:14px 16px;display:flex}.point-record-line span{flex:1;font-size:clamp(20px,2.4vw,28px);font-weight:800;line-height:1.25}.point-record-line button{color:#397e65;background:#fff9df;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.point-record-modal small{color:#71877d;margin:12px 0 6px;display:block}.point-record-error{color:#b34e43;font-size:13px}.point-record-cancel{color:#7b6b8e;background:0 0;border-radius:12px;margin-top:18px;padding:8px 18px;font-weight:800;text-decoration:underline}.point-record-shell>.book-dialog-body>.module-guide-button{z-index:2;position:absolute;top:16px;right:68px}.point-record-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.point-record-submit{color:#fff;cursor:pointer;background:#6c9e56;border:0;border-radius:14px;min-height:44px;padding:8px 18px;font-weight:800;box-shadow:0 3px #4f7f40}.point-record-actions .point-record-cancel{margin-top:0}.point-record-button-wrap{border:0;min-width:0;margin:0;padding:0}.point-record-button-wrap:disabled{opacity:.55}.point-record-button-wrap:disabled .point-record-button{cursor:wait}.point-record-status{color:#397e65;min-height:20px;margin:8px 0;font-size:13px}.point-record-actions button:disabled{opacity:.45;cursor:default;box-shadow:none}.point-record-line button:disabled{opacity:.45;cursor:default}.sticker-rail{z-index:3;--sticker-tray-height:310px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:74px;min-width:0;min-height:0;padding:8px 4px;transition:gap .28s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0}.sticker-palette-toggle{cursor:pointer;background:0 0;border-radius:18px;flex:0 0 56px;width:56px;height:56px;padding:0}.sticker-palette-toggle img{object-fit:contain;width:100%;height:100%}.sticker-palette-toggle:hover,.sticker-palette-toggle[aria-expanded=true]{background:#dfedcb}.sticker-palette-toggle:focus-visible{outline-offset:3px;outline:3px solid #315c46}.sticker-rail[data-expanded=true]{gap:8px}.sticker-tray{width:100%;min-height:0;max-height:min(var(--sticker-tray-height), calc(100% - 64px));overscroll-behavior:contain;visibility:visible;background:#fff9ebe8;border:2px solid #fff;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:6px;transition:max-height .28s ease-in-out,padding .28s ease-in-out,border-width .28s ease-in-out,visibility;display:flex;overflow-y:auto;box-shadow:0 3px 12px #29483d16}.sticker-tray[aria-hidden=true]{visibility:hidden;pointer-events:none;border-block-width:0;max-height:0;padding-block:0;transition:max-height .28s ease-in-out,padding .28s ease-in-out,border-width .28s ease-in-out,visibility 0s .28s;overflow:hidden}.sticker-rail[data-motion=false],.sticker-rail[data-motion=false] .sticker-tray{transition:none}@media (prefers-reduced-motion:reduce){.sticker-rail,.sticker-tray{transition:none!important}}.sticker-choice{touch-action:none;cursor:grab;background:0 0;border-radius:16px;flex-shrink:0;width:54px;height:54px;padding:2px}.sticker-choice:hover{background:#dfedcb}.sticker-choice img{object-fit:contain;pointer-events:none;width:100%;height:100%}.sticker-layer{pointer-events:none;z-index:8;position:absolute;inset:0}.book-sticker{aspect-ratio:1;pointer-events:auto;touch-action:none;cursor:grab;isolation:isolate;background:0 0;border:0;width:14%;padding:0;transition:none;position:absolute;transform:translate(-50%,-50%)}.book-sticker:not(:disabled):active{transform:translate(-50%,-50%)}.book-sticker img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.book-sticker:focus-visible{outline-offset:0;border-radius:50%;outline:3px solid #246ca3}.book-sticker.is-dot{place-items:center;width:clamp(28px,9%,48px);display:grid}.sticker-dot{background:#3f7655;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #29483d66}.sticker-audio-badge{color:#fff;pointer-events:none;background:#3f7655;border:1px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:6%;right:1%}.book-sticker.is-highlighted{background:#fff0be88;border-radius:50%;outline:4px solid #f2b83c;box-shadow:0 0 0 8px #f2b83c33}.sticker-drag-ghost{z-index:2000;pointer-events:none;opacity:.85;filter:drop-shadow(0 5px 5px #29483d44);width:70px;height:70px;position:fixed;transform:translate(-50%,-50%)}.sticker-drag-ghost img{object-fit:contain;width:100%;height:100%}.sticker-drag-ghost.valid{opacity:1}.sticker-drag-ghost span{white-space:nowrap;color:#fff;background:#3f7655;border-radius:12px;padding:4px 8px;font-size:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.reader-stage:has(.sticker-rail) .reader-fit-button{right:90px}.sticker-rail-error{color:#a63d37;z-index:12;background:#fff9eb;border:2px solid #fff;border-radius:16px;width:230px;padding:12px;font-size:14px;position:absolute;bottom:12px;right:72px}.sticker-rail-error p{margin:0 0 8px}.sticker-rail-error button{color:#29483d;background:#dfedcb;border-radius:8px;padding:6px 10px}.sticker-mode{background:#e5edcf;border:0;border-radius:14px;gap:4px;margin:0;padding:4px;display:flex}.sticker-mode button{color:#29483d;background:0 0;border-radius:10px;min-width:62px;min-height:40px;font-weight:700}.sticker-mode button[aria-pressed=true]{color:#fff;background:#3f7655}.sticker-nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sticker-nav-list>button{text-align:left;color:#29483d;background:#fff9eb;border:2px solid #c4d3bc;border-radius:18px;align-items:center;gap:12px;min-height:105px;padding:10px;display:flex}.sticker-nav-list>button>svg{margin-left:auto}.sticker-nav-icon{object-fit:contain;width:48px;height:48px}.sticker-nav-list small{align-items:center;gap:4px;margin-top:7px;display:flex}.sticker-page-preview{flex-shrink:0;width:56px;line-height:0;position:relative}.sticker-page-preview>img{width:100%;height:auto}.sticker-page-preview>span{background:#e17e42;border:1px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.sticker-empty{color:#52665a;text-align:center;padding:24px}.sticker-dialog{width:min(440px,90vw)!important}.sticker-note-heading{color:#29483d;align-items:center;gap:16px;display:flex}.sticker-note-heading img{width:72px;height:72px}.sticker-record-controls{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.sticker-record-controls button,.sticker-delete-confirm button{color:#29483d;background:#fff9eb;border:1px solid #c4d3bc;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;display:flex}.sticker-record-controls .sticker-primary{color:#fff;background:#3f7655;border-color:#3f7655}.sticker-record-controls .recording,.sticker-delete-confirm .sticker-danger{color:#fff;background:#a63d37}.sticker-error{color:#a63d37}.sticker-delete{color:#a63d37;background:0 0;align-items:center;gap:6px;padding:10px 0;display:flex}.sticker-delete-confirm{flex-wrap:wrap;gap:10px;display:flex}.sticker-delete-confirm p{width:100%}@media (max-height:560px){.sticker-tray{gap:3px;padding:3px}.sticker-choice{width:46px;height:46px}.sticker-rail{--sticker-tray-height:252px;width:64px}.reader-stage:has(.sticker-rail) .reader-fit-button{right:78px}}@media (max-width:760px){.sticker-nav-list{grid-template-columns:1fr}}.reader-shell[data-sticker-flipping=true] .sticker-layer{visibility:hidden}.book-sticker.is-playing .sticker-audio-badge,.book-sticker.is-playing .sticker-dot{background:#246ca3;box-shadow:0 0 0 4px #246ca344}.sticker-point-record{text-align:center}.sticker-record-button-wrap{border:0;min-width:0;margin:0;padding:0}.sticker-record-button-wrap:disabled{opacity:.65}.sticker-point-record button:disabled{cursor:wait}.sticker-author-name{color:#29483d;white-space:nowrap;pointer-events:none;background:#fff9eb;border:1px solid #c4d3bc;border-radius:8px;padding:1px 5px;font-size:clamp(9px,.85vw,12px);font-weight:700;line-height:1.3;position:absolute;top:-2%;right:-9%;box-shadow:0 1px 3px #29483d20}.book-opening-backdrop{z-index:200;background:#14251f;position:fixed;inset:0}.book-opening{z-index:201;color:#fff;background:#14251f;outline:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.book-opening-stage{aspect-ratio:16/9;width:min(100vw,177.778dvh);position:relative;overflow:hidden;container-type:inline-size}.book-opening-video{object-fit:contain;width:100%;height:100%;display:block}.book-opening-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.book-opening button{color:#29483d;cursor:pointer;background:#fff9eb;border:2px solid #c4d3bc;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:12px 24px;font-size:20px;font-weight:800;display:flex;box-shadow:0 3px #142d2340}.book-opening button:focus-visible{outline-offset:4px;outline:3px solid #246ca3}.book-opening .book-opening-skip{z-index:2;background:#fff9ebf0;position:absolute;top:20px;right:20px}.book-opening-actions{white-space:nowrap;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.book-opening .book-opening-primary,.book-opening-message button{color:#fff;background:#3f7655;border-color:#fff;min-width:200px}.book-opening .book-opening-replay{background:#fff9ebf0;min-height:44px;padding:8px 16px;font-size:16px}.book-opening-message{background:#14251fcc;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:22px;display:flex;position:absolute;inset:0}.book-opening-loading{background:#14251fcc;border-radius:12px;padding:12px 16px;position:absolute;bottom:24px;left:24px}.book-opening .book-opening-gesture{color:#fff;width:100%;box-shadow:none;text-shadow:0 2px 8px #14251f;background:#14251f4d;border:0;border-radius:0;font-size:24px;position:absolute;inset:0}.book-opening-invitation{opacity:0;pointer-events:none;color:#29483d;justify-content:center;align-items:center;gap:1cqw;width:27%;height:16%;display:flex;position:absolute;transform:translate(-50%,-50%)}.book-opening-avatar{background:#dfedcb;border:.18cqw solid #fff9eb;border-radius:50%;flex:none;width:5.5cqw;height:5.5cqw;overflow:hidden}.book-opening-avatar img{object-fit:cover;object-position:top;width:100%;height:150%;display:block}.book-opening-recipient{flex-direction:column;gap:.4cqw;max-width:19cqw;display:flex}.book-opening-recipient strong{overflow-wrap:anywhere;max-height:2.4em;font-size:clamp(12px,2cqw,30px);line-height:1.2;overflow:hidden}.book-opening-recipient>span{white-space:nowrap;font-size:1.2cqw}.album-entry.learning-dock-button{cursor:pointer;border:0;flex-shrink:0}.reward-entry.learning-dock-button{cursor:pointer;border:0}.reward-entry.learning-dock-button:disabled{cursor:default;filter:grayscale();opacity:.38}.reward-dialog.book-dialog{width:min(1040px,94vw);max-height:94dvh}.reward-dialog .book-dialog-body{overflow:auto}.reward-dialog button{font:inherit;cursor:pointer}.reward-dialog button:disabled{cursor:default;opacity:.5}.reward-dialog button:focus-visible{outline-offset:4px;outline:3px solid #246ca3}.album-tabs{border-bottom:1px solid #c4d3bc;gap:10px;padding:0 18px 14px;display:flex}.album-tabs button{color:#65716a;background:#f0f0e6;border:1px solid #c4d3bc;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:12px 22px;display:flex}.album-tabs [aria-selected=true]{color:#fff;background:#3f7655;border-color:#3f7655;box-shadow:0 -3px #eec76e}.album-summary{color:#3f5d49;justify-content:space-between;padding:18px 24px;display:flex}.album-binder{background:linear-gradient(90deg,#eddfbf,#fffae8 47%,#d6c294 49%,#fff9e9 51%,#efdfbd);border:7px solid #b6a07a;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:850px;margin:0 auto 18px;padding:24px;display:grid;box-shadow:inset 0 0 15px #99826835,0 8px #a99673}.album-pocket{background:#fff8;border:1px solid #fff;border-radius:12px;min-width:0;padding:9px;box-shadow:inset 0 0 0 1px #c5b691}.album-pocket>button{background:0 0;border:0;width:100%;padding:0;transition:transform .2s;display:block;position:relative}.album-pocket>button:hover{transform:translateY(-6px)rotate(-1deg)}.pocket-caption{color:#405443;justify-content:space-between;padding:12px 3px 2px;font-size:13px;display:flex}.new-card{color:#594615;background:#ffdf83;border-radius:8px;padding:5px 10px;font-weight:800;position:absolute;top:15px;left:-6px;box-shadow:0 3px 8px #0002}.animal-card{--edge:#8bd3ee;aspect-ratio:2/3;isolation:isolate;color:#fff;border:5px solid var(--edge);background:#102e50;border-radius:14px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px #ffffffc7,inset 0 0 0 1px #fff,0 10px 15px #142c3833}.animal-card.forest{--edge:#8be5c3;background:#15493a}.animal-card.sun{--edge:#efc965;background:#633b17}.animal-art{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.card-caption{text-align:center;background:linear-gradient(#0000,#071e39e8);padding:42% 10px 8px;position:absolute;bottom:8%;left:0;right:0}.card-caption h3{letter-spacing:.1em;margin:8px 0 0;font-size:clamp(18px,2.3vw,30px)}.card-caption p{margin:2px 0 8px;font-size:14px}.card-caption>span,.card-caption>small{background:#13344666;border:1px solid #fff8;border-radius:20px;padding:3px 8px;font-size:11px}.card-rarity{color:#ffe492;text-shadow:0 2px 2px #392d14;font-size:24px;font-weight:900;position:absolute;top:12px;right:12px}.card-number{text-align:center;letter-spacing:.08em;width:100%;font-size:10px;position:absolute;bottom:8px;left:0}.card-foil{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.65;background:linear-gradient(115deg,#0000 20%,#b9f7ff25 30%,#fff5 33%,#fad8ff22 37%,#0000 48%) 0 0/250% 100%;transition:background-position .5s;position:absolute;inset:0}.album-pocket button:hover .card-foil,.card-flip-target:hover .card-foil{background-position:100%}.locked-card{aspect-ratio:2/3;color:#486354;background:#dbddcd;border:4px solid #d2c8ac;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.locked-card img{object-fit:cover;filter:grayscale()brightness(.5)opacity(.18)blur(2px);width:100%;height:100%;position:absolute;inset:0}.locked-card svg,.locked-card strong{z-index:1}.pending-pack{color:#37573f;background:#fff0be;border:1px solid #ccb877;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:0 auto 18px;padding:10px 18px;display:flex}.animal-detail{padding:16px 24px}.reward-back{color:#3f7655;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0 15px;display:flex}.animal-detail-layout{grid-template-columns:minmax(180px,300px) 1fr;align-items:center;gap:36px;max-width:820px;margin:auto;display:grid}.card-flip-target{text-align:initial;perspective:1000px;background:0 0;border:0;padding:0}.animal-detail-info{color:#29483d}.animal-detail-info h2{margin:8px 0;font-size:30px}.animal-detail-info h3{margin-top:26px}.animal-detail-info p{line-height:1.8}.card-practice{background:#fff9eb;border-radius:12px;padding:16px}.card-practice small{display:block}.reward-eyebrow{color:#56715e;letter-spacing:.08em;font-size:14px}.reward-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reward-actions button,.reward-primary{color:#29483d;background:#fff9eb;border:1px solid #c4d3bc;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:12px 18px;display:inline-flex}.reward-actions .reward-primary,.reward-primary{color:#fff;background:#3f7655;border-color:#3f7655}.card-back-title{border-bottom:1px solid #c9bc98;padding:20px 16px 12px;font-size:23px;font-weight:800}.card-back-title small{margin-top:6px;font-size:12px;font-weight:500;display:block}.animal-card.is-back{color:#29483d;background:linear-gradient(135deg,#fff9e9,#ecdfbd)}.card-knowledge{padding:14px 16px}.card-section-label{color:#587258;font-size:11px}.card-knowledge h3{margin:5px 0;font-size:18px}.card-knowledge p{margin:5px 0 15px;font-size:13px;line-height:1.7}.card-english{background:#fff8;border-radius:8px;padding:10px;font-size:13px}.card-english small{margin-top:5px;display:block}.pack-stage{text-align:center;background:radial-gradient(at 50% 40%,#fffdf1,#e5edcf);flex-direction:column;align-items:center;gap:18px;min-height:450px;padding:20px;display:flex}.foil-pack{color:#264a35;touch-action:pan-y;background:linear-gradient(115deg,#849d90,#f5fff8 15%,#b2ccc1 25%,#effaea 40%,#83a59a 65%,#e7f5db 90%);border:1px solid #b5baaa;border-radius:3px 3px 6px 6px;flex-direction:column;align-items:center;gap:10px;width:240px;height:330px;padding:0 12px 15px;transition:transform .2s;display:flex;transform:rotate(-3deg);box-shadow:7px 15px 20px #263b4933}.foil-pack:hover{transform:rotate(1deg)translateY(-3px)}.tear-strip{border-top:8px ridge #b5c6b9;border-bottom:2px dashed #6b8376;align-self:stretch;margin:0 -12px 4px;padding:7px;font-size:12px}.pack-brand{font-size:14px;font-weight:700}.foil-pack>strong{letter-spacing:.08em;font-size:30px}.foil-pack>span:not(.tear-strip):not(.pack-brand){font-size:12px}.pack-animals{justify-content:center;width:100%;height:90px;margin:12px 0;display:flex}.pack-animals img{object-fit:cover;border:3px solid #fff9eb;border-radius:50%;width:74px;margin:0 -4px}.foil-pack small{font-size:11px}.mystery-card{aspect-ratio:2/3;color:#ffe59b;background:repeating-linear-gradient(45deg,#153f45,#153f45 10px,#19494e 10px 20px);border:7px double #e3c572;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:210px;animation:.4s ease-out card-arrive;display:flex;box-shadow:0 15px 25px #29483d35}.mystery-card strong{font-size:24px}.mystery-card:hover{transform:rotateY(8deg)}.revealed-card{width:230px;animation:.7s ease-out card-reveal}.reveal-heading{color:#3f7655;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.reward-saved{color:#3f7655;margin:0;font-size:14px}.draw-rules{color:#52665a;max-width:560px;font-size:12px;line-height:1.8}.draw-rules summary{cursor:pointer}.reward-error{color:#a63d37;background:#fceae6;border-radius:10px;margin:10px;padding:12px;font-size:14px}.reward-error button{color:inherit;background:0 0;border:0;margin-left:10px;text-decoration:underline}@keyframes card-arrive{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:rotateY(80deg)scale(.8)}to{opacity:1;transform:rotateY(0)scale(1)}}@media (max-height:650px){.pack-stage{gap:10px;min-height:0;padding:10px}.foil-pack{gap:6px;width:190px;height:260px}.pack-animals{height:60px;margin:3px}.pack-animals img{width:58px}.foil-pack>strong{font-size:25px}.revealed-card{width:175px}.mystery-card{width:170px}.album-binder{gap:16px;max-width:690px;margin:0 auto 12px;padding:14px}.animal-detail-layout{grid-template-columns:210px 1fr;gap:24px}.card-knowledge{padding:8px}.card-back-title{padding:10px;font-size:19px}.card-knowledge p{margin-bottom:8px;font-size:11px}.card-english{padding:6px;font-size:11px}.album-tabs{padding-bottom:8px}.album-tabs button{padding:8px 16px}}@media (prefers-reduced-motion:reduce){.revealed-card,.mystery-card{animation:none}.foil-pack,.album-pocket>button,.card-foil{transition:none}}.reward-dialog .book-dialog-header h2{color:#29483d;margin:0;font-size:24px;font-weight:800}.reward-dialog .locked-card>img{object-fit:cover;min-height:100%;max-height:none}.foil-pack>svg{flex-shrink:0;width:22px;height:22px}.foil-pack.is-opening .tear-strip{animation:.42s ease-in forwards tear-away}.foil-pack.is-opening{animation:.42s ease-in pack-shake}.card-flip-target .animal-card{animation:.25s ease-out card-arrive}@keyframes tear-away{to{opacity:0;transform:translate(45px,-35px)rotate(12deg)}}@keyframes pack-shake{50%{transform:rotate(3deg)}to{transform:rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.foil-pack.is-opening,.foil-pack.is-opening .tear-strip,.card-flip-target .animal-card{animation:none}}.points-backdrop{z-index:199;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142d4f66;position:fixed;inset:0}.points-dialog{z-index:200;color:#29483d;background:#f3f7e9;border:4px solid #fffdf4;border-radius:30px;outline:none;width:min(800px,100vw - 40px);height:min(570px,100dvh - 40px);position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px #64805e55,0 24px 60px #233e3540}.points-close{z-index:2;color:#29483d;cursor:pointer;background:#f3b6a4;border:2px solid #fff9eb;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 2px #bd806555}.points-content{box-sizing:border-box;flex-direction:column;gap:20px;height:100%;min-height:0;padding:24px;display:flex;overflow:hidden}.points-heading{flex:none;align-items:center;gap:12px;padding-right:54px;display:flex}.points-heading img{object-fit:contain;width:58px;height:58px}.points-heading h2{margin:0 0 4px;font-size:25px;line-height:1.3}.points-heading span{color:#64755d;font-size:13px}.points-layout{flex:1;grid-template-columns:250px minmax(0,1fr);gap:22px;min-height:0;display:grid}.points-wallet{background:linear-gradient(155deg,#fff1bf,#fff9e9);border:2px solid #fffdf4;border-radius:24px;flex-direction:column;min-height:0;padding:20px;display:flex}.points-balance{flex-direction:column;align-items:center;gap:8px;display:flex}.points-balance>span{color:#866322;font-size:14px;font-weight:750}.points-balance strong{justify-content:center;align-items:center;min-height:58px;display:flex}.points-balance .point-digits{--point-digit-size:58px}.points-balance small{color:#86724a;font-size:12px}.points-balance b{font-variant-numeric:tabular-nums}.points-redeem{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-top:16px;display:flex}.points-redeem>img{object-fit:contain;width:64px;height:64px}.points-redeem h3{margin:8px 0 4px;font-size:17px}.points-redeem p{color:#86724a;margin:0 0 16px;font-size:13px}.points-exchange{cursor:pointer;color:#fff;background:#3f7655;border:2px solid #fffdf1;border-radius:16px;width:100%;min-height:48px;padding:10px 14px;font-size:16px;font-weight:800;box-shadow:0 3px #2c563d}.points-exchange:disabled{opacity:1;color:#6e7865;box-shadow:none;cursor:default;background:#e3e6da}.points-exchange-hint{color:#756944;text-align:center;margin-top:12px;font-size:11px;display:block}.points-history{flex-direction:column;min-width:0;min-height:0;display:flex}.points-history>header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 2px 14px;display:flex}.points-history h3{margin:0;font-size:17px}.points-history>header>span{color:#718068;font-size:11px}.points-history-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b5c5a8 transparent;background:#fffdf5;border:1px solid #e2e8d7;border-radius:20px;flex:1;min-height:0;padding:0 14px;overflow-y:auto}.points-history-scroll:focus-visible{outline-offset:2px;outline:3px solid #246ca3}.points-ledger{margin:0;padding:0;list-style:none}.points-ledger li{border-bottom:1px dashed #e0e7d6;align-items:center;gap:10px;padding:16px 0;font-size:14px;display:flex}.points-ledger li:last-child{border-bottom:0}.points-ledger-mark{color:#bb8a28;background:#fff1c8;border-radius:12px;flex:0 0 34px;place-items:center;height:34px;font-size:22px;display:grid}.points-ledger-copy{flex:1;min-width:0;font-weight:650}.points-ledger strong{font-variant-numeric:tabular-nums;color:#3f7655;font-size:20px}.points-ledger .is-spend{color:#a77648}.points-ledger small{color:#83907c;margin-top:5px;font-size:11px;font-weight:400;display:block}.points-history-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.points-history-empty img{opacity:.75;width:68px;height:68px}.points-history-empty p{margin:0;font-size:14px}.points-history-empty span{color:#718068;font-size:12px}.points-dialog .reward-error{z-index:3;position:absolute;bottom:12px;left:24px;right:24px}@media (max-height:650px){.points-dialog{border-radius:24px;width:min(820px,100vw - 28px);height:calc(100dvh - 24px)}.points-content{gap:10px;padding:14px 18px}.points-heading img{width:40px;height:40px}.points-heading h2{font-size:21px}.points-heading span{font-size:11px}.points-close{top:12px;right:14px}.points-layout{grid-template-columns:230px minmax(0,1fr);gap:18px}.points-wallet{padding:12px 16px}.points-balance{gap:3px}.points-balance strong{min-height:42px}.points-balance .point-digits{--point-digit-size:42px}.points-redeem{padding-top:8px}.points-redeem>img{display:none}.points-redeem h3{margin:0 0 4px;font-size:15px}.points-redeem p{margin-bottom:8px;font-size:12px}.points-exchange{min-height:44px}.points-exchange-hint{margin-top:8px}.points-history>header{padding-bottom:10px}.points-ledger li{padding:12px 0}}.points-toast{color:#76510b;z-index:210;pointer-events:none;background:linear-gradient(135deg,#fffdf0,#ffe9a4);border:3px solid #fffdf4;border-radius:24px;align-items:center;gap:8px;min-width:190px;padding:12px 20px 12px 10px;animation:2.6s both points-pop;display:flex;position:fixed;top:112px;right:36px;box-shadow:0 6px #d6aa4666,0 12px 28px #785d3633}.points-toast img{object-fit:contain;width:66px;height:66px;animation:.65s ease-out points-star}.points-toast strong{font-size:32px;font-weight:900;line-height:1.15;display:block}.points-toast strong span{font-size:16px}.points-toast small{color:#577348;margin-top:6px;font-size:13px;font-weight:750;display:block}.points-toast i{color:#e3ab20;font-size:24px;font-style:normal;animation:.85s both points-spark;position:absolute}.points-toast i:nth-last-child(3){top:-16px;left:12px}.points-toast i:nth-last-child(2){animation-delay:.1s;top:-12px;right:8px}.points-toast i:last-child{animation-delay:.2s;bottom:6px;right:-10px}@keyframes points-pop{0%{opacity:0;transform:translateY(-15px)scale(.8)}14%{opacity:1;transform:translateY(0)scale(1.06)}24%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes points-star{0%{transform:rotate(-18deg)scale(.5)}65%{transform:rotate(12deg)scale(1.2)}to{transform:rotate(0)scale(1)}}@keyframes points-spark{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:translateY(-15px)scale(.5)}}@media (max-height:650px){.points-toast{min-width:170px;padding:8px 16px 8px 8px;top:96px;right:24px}.points-toast img{width:48px;height:48px}.points-toast strong{font-size:28px}}@media (prefers-reduced-motion:reduce){.points-toast,.points-toast img,.points-toast i{animation:none}.points-toast i{display:none}}.points-save-error{z-index:210;background:#fff2df;border-radius:12px;padding:12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.points-save-error button{margin-left:12px}.points-dialog button:focus-visible{outline-offset:3px;outline:3px solid #246ca3}.point-digits{--point-digit-size:28px;vertical-align:middle;flex:none;align-items:center;gap:0;display:inline-flex}.point-digit{flex:0 0 var(--point-digit-size);width:var(--point-digit-size);height:var(--point-digit-size);background-image:url(/icons/free-learning/point-digits-clean.png);background-size:500% 200%;background-position:var(--digit-x) var(--digit-y);background-repeat:no-repeat;display:block}.point-digit-window{width:calc(var(--point-digit-size) * .76);height:var(--point-digit-size);display:block;overflow:hidden}.point-digits>.point-digit{margin-inline:calc(var(--point-digit-size) * -.12)}.point-digit-reel>.point-digit{margin-left:calc(var(--point-digit-size) * -.12)}.point-digit-reel{transform:translateY(calc(var(--roll-distance) * var(--point-digit-size) * -1));flex-direction:column;display:flex}.point-digit-reel.is-rolling{transition:transform .95s cubic-bezier(.16,.8,.22,1)}.points-toast strong{align-items:center;gap:3px;display:flex}.points-toast .point-digits{--point-digit-size:40px}.points-toast .points-plus{color:#c08216;font-size:30px}@media (max-width:1100px),(max-height:650px){.points-entry .point-digits{--point-digit-size:23px}}@media (prefers-reduced-motion:reduce){.point-digit-reel.is-rolling{transition:none}}.animal-card.collectible-card{box-sizing:border-box;aspect-ratio:2/3;isolation:isolate;border:0;border-radius:5.5%;width:100%;height:auto;padding:0;font-family:inherit;display:block;position:relative;overflow:hidden;transform:none;box-shadow:inset 0 0 0 1px #fff8,2px 3px #786241,5px 9px 16px #24372b45;container-type:inline-size}.animal-card.collectible-card:before,.animal-card.collectible-card:after{content:none}.animal-card.collectible-card.legacy-card{background:linear-gradient(135deg,#edd9a5,#524b36 48%,#d0bc87);padding:2.2%}.animal-card.collectible-card.legacy-card .printed-card-art{object-fit:contain;background:#18222a;border-radius:4%;width:100%;height:100%;min-height:0;display:block;position:static}.animal-card.collectible-card.layered-card{--frame-light:#fff1b2;--frame-mid:#d7b45e;--frame-dark:#655830;background:linear-gradient(125deg,var(--frame-light),var(--frame-mid) 16%,var(--frame-dark) 37%,var(--frame-light) 56%,var(--frame-mid) 75%,var(--frame-dark));color:#fff9df;text-align:center;box-shadow:inset 0 0 0 1px #ffffddc9,inset 0 0 0 3px #fff7d847,2px 3px 0 var(--frame-dark),5px 9px 16px #24372b45}.animal-card.collectible-card.card-world-space{--frame-light:#edf2ff;--frame-mid:#9daed8;--frame-dark:#4f5881}.collectible-scene{background:#355943;border-radius:4.5%;position:absolute;inset:2.4% 3% 3%;overflow:hidden;box-shadow:inset 0 0 0 2px #3b361f,inset 0 0 10px #030a0b66}.collectible-backdrop{object-fit:cover;width:108%;max-width:none;height:108%;transform:translate(calc(var(--px,0) * -5px),calc(var(--py,0) * -4px)) scale(1.03);filter:saturate(.9)brightness(.76);position:absolute;inset:-4%}.card-world-space .collectible-backdrop{filter:saturate(1.1)brightness(.65)}.collectible-aura{pointer-events:none;background:radial-gradient(at 50% 42%,#fff8c94f,#0000 59%),linear-gradient(#102317cc,#163d2940 30%,#0000 55%,#061c15cc 100%);position:absolute;inset:0}.card-world-space .collectible-aura{background:radial-gradient(at 50% 41%,#b1c8ff44,#0000 59%),linear-gradient(#060a25a6,#0000 50%,#08122fd9 100%)}.collectible-subject{z-index:2;object-fit:contain;width:104%;max-width:none;height:73%;transform:translate(calc(var(--px,0) * 9px),calc(var(--py,0) * 6px)) scale(1.04);filter:drop-shadow(0 12px 7px #09191490);position:absolute;top:7%;left:-2%}.card-world-space .collectible-subject{filter:drop-shadow(0 10px 12px #01071999);width:110%;height:75%;top:8%;left:-5%}.card-subject-saturn .collectible-subject{width:118%;height:79%;top:5%;left:-9%}.collectible-scene-light{z-index:3;pointer-events:none;background:linear-gradient(122deg,#fff8d822,#0000 28% 65%,#97caff16);position:absolute;inset:0}.collectible-topline{z-index:5;text-shadow:0 1px 3px #082819;justify-content:space-between;align-items:center;gap:4px;font-weight:850;display:flex;position:absolute;top:4.2%;left:7%;right:7%}.collectible-topline>span{letter-spacing:.1em;font-size:5cqw}.collectible-topline>b{color:#56401e;text-shadow:0 1px #fff9;background:linear-gradient(140deg,#fff3bc,#e0af49 65%,#af7a2d);border:1px solid #ffeec6b3;border-radius:20%;place-items:center;min-width:18%;padding:1.5% 3%;font-size:5.4cqw;display:grid;box-shadow:0 2px 3px #112c244d}.card-world-space .collectible-topline>b{color:#394168;background:linear-gradient(140deg,#fff4dc,#c4cbed 65%,#8195c8)}.collectible-plaque{z-index:4;color:#344333;text-shadow:0 1px #fff9;background:linear-gradient(100deg,#dccc95,#fff4ca 27%,#fff8df 50%,#ead8a1);border:1px solid #fae8a4;border-radius:5% 5% 9% 9%;flex-direction:column;justify-content:center;align-items:center;gap:0;height:25%;line-height:1.1;display:flex;position:absolute;bottom:3.7%;left:5%;right:5%;box-shadow:0 -2px #776734b3,0 -5px 16px #172a2455,inset 0 0 0 2px #fff9d380}.card-world-space .collectible-plaque{color:#36445f;background:linear-gradient(100deg,#c8d3ec,#edf3ff 32%,#fbfaff 54%,#c2cfea);border-color:#eff1ff;box-shadow:0 -2px #63749d,0 -5px 16px #07112680,inset 0 0 0 2px #fff6}.collectible-title{letter-spacing:.18em;opacity:.82;font-size:3.9cqw;font-weight:800}.collectible-plaque>strong{letter-spacing:.08em;margin:1.8% 0 .8%;font-size:10.7cqw;font-weight:950;line-height:1.14}.collectible-english{letter-spacing:.025em;font-size:5.1cqw;font-weight:850}.collectible-skill{color:#53603c;white-space:nowrap;border-top:1px solid #7e865651;width:79%;max-width:94%;margin-top:3%;padding-top:2%;font-size:3.9cqw;font-weight:750}.card-world-space .collectible-skill{color:#526186;border-top-color:#9ba7c888}.collectible-corners{z-index:6;pointer-events:none;border:1px solid #fff5c483;border-radius:5%;position:absolute;inset:1.3%}.collectible-corners:before,.collectible-corners:after{content:"✦";color:var(--frame-light);text-shadow:1px 1px var(--frame-dark);font-size:7cqw;position:absolute;bottom:1.5%}.collectible-corners:before{left:0}.collectible-corners:after{right:0}.collectible-foil{z-index:7;pointer-events:none;background:radial-gradient(ellipse at var(--gx,38%) var(--gy,20%),#fffbd586,transparent 32%),repeating-linear-gradient(115deg,transparent 0%,#c4feff33 12%,#e0c9ff36 17%,transparent 24%,#fff2bd26 38%,transparent 48%);mix-blend-mode:screen;opacity:calc(.07 + var(--shine,0) * .33);border-radius:5%;position:absolute;inset:1.4%;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 77% 96%,#000 98%);mask-image:linear-gradient(#000 0% 70%,#0000 77% 96%,#000 98%)}.integrated-card-plate{object-fit:contain;width:100%;height:100%;display:block}.animal-card.collectible-card.has-popout-animation{overflow:visible}.has-popout-animation .integrated-card-plate{border-radius:5.5%}.has-popout-animation .integrated-subject-window{display:none}.integrated-popout-motion{pointer-events:none;width:150%;height:116.667%;transform:translate(calc(clamp(-1,var(--px,0),1) * 1cqw),0);filter:drop-shadow(0 1cqw .7cqw #20351b66);position:absolute;top:-5.55556%;left:-25%}.integrated-popout-motion img{width:100%;max-width:none;height:100%;display:block}@media (prefers-reduced-motion:reduce){.integrated-popout-motion{transform:none}}.integrated-subject-window{contain:paint;isolation:isolate;pointer-events:none;position:absolute;inset:16% 2% 19%;overflow:hidden}.integrated-card-subject{object-fit:contain;width:104%;max-width:none;height:106%;transform:translate(calc(clamp(-1,var(--px,0),1) * 2cqw),calc(clamp(-1,var(--py,0),1) * 1.5cqw));filter:drop-shadow(0 1.5cqw 1cqw #20351b66);position:absolute;inset:-3% -2%}.card-subject-stegosaurus .integrated-card-subject{width:120%;height:122%;inset:-4% -10%}.card-world-space .integrated-card-subject{filter:drop-shadow(0 1.5cqw 2cqw #03091b99);width:100%;height:120%;inset:-10% 0}.integrated-subject-window .collectible-foil{border-radius:0;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}@media (prefers-reduced-motion:reduce){.collectible-subject,.collectible-backdrop,.integrated-card-subject{transform:none}.collectible-foil{opacity:.08}}.card-world-qimiao .integrated-card-subject{filter:drop-shadow(0 1.4cqw 1cqw #15233366);width:100%;height:96%;inset:2% 0}.card-subject-coelophysis .integrated-card-subject,.card-subject-plateosaurus .integrated-card-subject,.card-subject-brachiosaurus .integrated-card-subject,.card-subject-parasaurolophus .integrated-card-subject{width:100%;height:96%;inset:2% 0}.card-subject-ankylosaurus .integrated-card-subject{object-position:center bottom;width:100%;height:90%;inset:10% 0 0}.integrated-card.rarity-N .collectible-foil{opacity:calc(.025 + var(--shine,0) * .07)}.integrated-card.rarity-R .collectible-foil{opacity:calc(.045 + var(--shine,0) * .16)}@media (prefers-reduced-motion:reduce){.integrated-card.rarity-N .collectible-foil{opacity:.025}.integrated-card.rarity-R .collectible-foil{opacity:.045}}.card-world-jiaojiao .integrated-subject-window{inset:24% 3% 20%}.card-world-jiaojiao .integrated-card-subject{filter:drop-shadow(0 1.2cqw .9cqw #60432255);width:100%;height:96%;inset:2% 0}.card-subject-jiaojiao .integrated-card-subject{width:130%;height:130%;inset:-16% -15%}.card-subject-zhu-xiaodi .integrated-card-subject{width:125%;height:125%;inset:-19% -12.5%}.card-world-jiaojiao:is(.card-category-places,.card-category-objects) .integrated-subject-window{inset:24% 3% 4%}.card-world-jiaojiao:is(.card-category-places,.card-category-objects) .integrated-card-subject{object-position:center bottom;width:100%;height:100%;inset:0}.card-world-jiaojiao.card-subject-moon-lake .integrated-subject-window{inset:61% 8% 13%}.card-world-jiaojiao.card-subject-flying-backpack .integrated-card-subject{width:120%;height:120%;inset:-10%}.points-exchange-all{margin-top:10px;color:#452d24!important;background:linear-gradient(135deg,#ebae42,#ed8568)!important}.bulk-cards-backdrop{z-index:200;background:#213739;position:fixed;inset:0}.bulk-cards-dialog{z-index:201;color:#fff6df;background:radial-gradient(at top,#467879,#193337 85%);border:0;outline:none;width:100vw;height:100dvh;padding:0;position:fixed;inset:0}.bulk-cards-content{flex-direction:column;height:100%;min-height:0;display:flex}.bulk-cards-content>header{text-align:center;flex:none;padding:24px 80px 16px}.bulk-cards-content>header>span{letter-spacing:4px;color:#edcf8e;font-size:13px}.bulk-cards-content h2{margin:8px 0;font-size:30px;line-height:1.3}.bulk-cards-content p{color:#d1e3dc;margin:0;font-size:15px}.bulk-cards-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #fff6;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:22px;right:22px}.bulk-cards-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 48px 40px;overflow:auto}.bulk-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;max-width:1100px;margin:0 auto;display:grid}.bulk-cards-grid>button{aspect-ratio:2/3;cursor:pointer;background:0 0;border:0;border-radius:5%;width:100%;padding:0;transition:transform .15s;display:block;box-shadow:0 8px 24px #071e1e66}.bulk-cards-grid>button:hover{transform:translateY(-4px)}.bulk-cards-grid>button:focus-visible{outline-offset:5px;outline:3px solid #ffe19b}.bulk-cards-close:focus-visible{outline-offset:5px;outline:3px solid #ffe19b}.bulk-cards-grid .animal-card{width:100%;height:100%}@media (max-height:600px){.bulk-cards-content>header{padding:14px 80px 10px}.bulk-cards-content h2{margin:4px 0;font-size:24px}.bulk-cards-scroll{padding:10px 38px 28px}.bulk-cards-grid{gap:20px;max-width:900px}}@media (prefers-reduced-motion:reduce){.bulk-cards-grid>button{transition:none}.bulk-cards-grid>button:hover{transform:none}}.opening-stage{--glow:#79dcb9;isolation:isolate;color:#f5ffed;background:radial-gradient(at 50% 44%,#386b60 0%,#1c3e3f 45%,#102c32 100%);border-radius:18px;flex-direction:column;align-items:center;min-height:580px;padding:16px 24px 24px;display:flex;position:relative;overflow:hidden}.opening-stage.sun,.opening-stage.rarity-SSR{--glow:#ffe18d}.opening-stage.ocean{background:radial-gradient(at 50% 44%,#366c89,#14334c 65%,#102b37)}.opening-topline{z-index:3;color:#d2e4d9;letter-spacing:.12em;justify-content:space-between;align-self:stretch;align-items:center;font-size:12px;display:flex}.opening-topline button{color:#f3ffe4;background:#ffffff10;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.opening-heading{z-index:3;text-shadow:0 2px 12px #0006;margin:8px 0 0;font-size:23px;font-weight:700;line-height:1.4}.opening-theatre{perspective:1200px;place-items:center;width:100%;height:380px;display:grid;position:relative}.opening-envelope{z-index:3;transform-origin:50% 80%;width:235px;height:315px;transition:transform .2s;position:absolute;transform:rotate(-5deg)}.opening-pack{color:#173e35;cursor:pointer;touch-action:pan-y;background:linear-gradient(105deg,#adc2ad,#fcffe4 20%,#bdcbb1 32%,#f8f6d5 42%,#7fa699 75%,#d3e5c1 90%);border-radius:3px 3px 8px 8px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:visible;box-shadow:inset 1px 0 #fff9,3px 7px #183e3666,8px 20px 30px #0005;opacity:1!important;border:0!important}.opening-pack:after{content:"";background:repeating-linear-gradient(90deg,#879e8677 0 2px,#ffd4 2px 4px);border-top:1px solid #839c80;width:100%;height:12px;position:absolute;bottom:0;left:0}.opening-pack-inner{flex-direction:column;align-items:center;gap:7px;padding:16px 12px 20px;display:flex}.opening-pack-inner>strong{letter-spacing:.08em;font-size:30px;line-height:1.2}.opening-pack-inner>small{font-size:11px}.opening-pack-subtitle{letter-spacing:.16em;font-size:10px}.opening-pack-stamp{border:1px solid #658575;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:flex}.opening-seal{transform-origin:0;z-index:6;background:linear-gradient(105deg,#b7ccb0,#fffde5,#96bba4);border-top:9px ridge #b8c7ac;border-bottom:2px dashed #667b66;justify-content:space-between;align-items:center;height:35px;padding:0 12px;font-size:11px;display:flex;position:relative}.opening-pack-art{align-items:center;height:102px;margin:5px -5px;display:flex}.opening-pack-art img{object-fit:cover;border:3px solid #fff7da;border-radius:8px;width:73px;height:98px;box-shadow:0 4px 8px #17362a40}.opening-pack-art img:first-child{transform:rotate(-10deg)translateY(4px)}.opening-pack-art img:last-child{transform:rotate(10deg)translateY(4px)}.opening-pack-shadow{filter:blur(9px);z-index:-1;background:#0005;border-radius:50%;height:18px;position:absolute;bottom:-40px;left:10%;right:10%}.opening-envelope:hover{transform:rotate(-2deg)translateY(-4px)}.phase-charging .opening-envelope{animation:.38s ease-in-out both opening-charge}.phase-tearing .opening-envelope{animation:.6s ease-in-out both opening-tug}.phase-tearing .opening-seal,.phase-rising .opening-seal{animation:.6s ease-out forwards opening-tear}.phase-rising .opening-envelope{z-index:4;pointer-events:none;animation:.85s ease-in forwards opening-drop}.opening-card-position{z-index:3;perspective:1200px;width:220px;height:330px;position:absolute}.opening-card-button{cursor:pointer;perspective:1200px;border-radius:16px;width:100%;height:100%;padding:0;display:block;opacity:1!important;background:0 0!important;border:0!important}.opening-rotor{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,.75,.2,1);position:relative}.opening-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 28px #0006}.opening-mystery{border:3px solid #dfc88b;transform:rotateY(0)}.opening-mystery>img{object-fit:cover;width:100%;height:100%;display:block}.opening-front{transform:rotateY(180deg)}.opening-front .animal-card{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;box-sizing:border-box}.phase-back .opening-card-position{animation:4s ease-in-out infinite opening-hover}.phase-rising .opening-rotor,.phase-reveal .opening-rotor{transform:rotateY(180deg)}.phase-rising .opening-card-position{animation:1.1s ease-out both opening-reveal-bump}.opening-rarity{white-space:nowrap;border:1px solid var(--glow);color:var(--glow);letter-spacing:.08em;background:#183c37;border-radius:24px;padding:6px 18px;font-size:12px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #0004}.opening-halo{background:radial-gradient(circle,var(--glow),transparent 65%);opacity:.05;filter:blur(12px);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute}.phase-back .opening-halo{opacity:.18}.phase-rising .opening-halo{animation:1.1s ease-out both opening-flash}.phase-reveal .opening-halo{opacity:.24}.opening-rays{opacity:0;pointer-events:none;background:repeating-conic-gradient(#0000 0deg 14deg,#fff2 15deg 17deg,#0000 18deg 30deg);width:650px;height:650px;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 65%);mask-image:radial-gradient(circle,#000 10%,#0000 65%)}.phase-rising .opening-rays,.phase-reveal .opening-rays{opacity:.3;animation:35s linear infinite opening-rays}.opening-particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.opening-particles i{background:var(--glow);opacity:0;width:5px;height:5px;box-shadow:0 0 8px var(--glow);transform:rotate(calc(var(--n)*20deg)) translateY(0);border-radius:1px;position:absolute;top:50%;left:50%}.phase-rising .opening-particles i{animation:opening-particle 1.6s calc(var(--n)*25ms) ease-out both}.opening-controls{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:72px;display:flex;position:relative}.opening-controls .reward-primary{min-width:150px;padding:12px 25px;box-shadow:0 4px #b6a16c;color:#29483d!important;background:#f6df9c!important;border:1px solid #fec!important}.opening-controls .reward-saved{color:#d2e8d4;margin:6px 0;font-size:13px}.opening-controls .reward-actions button:not(.reward-primary),.opening-skip{color:#edf9e6;background:#fff1;border:1px solid #e6f3da55;border-radius:12px;padding:10px 18px}.opening-controls .reward-error{max-width:440px}.opening-stage button:focus-visible{outline-offset:5px;outline:3px solid #fbe298}.card-back-art{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.card-back-copy{z-index:1;height:84%;padding:2px 6px 0;position:relative}.animal-card.is-back{border:0;border-radius:14px}.card-back-copy .card-back-title{border:0;padding:16px 13px 6px}.card-back-copy .card-knowledge{padding:4px 13px}.card-back-copy .card-knowledge p{margin:3px 0 10px;font-size:12px;line-height:1.65}.card-back-copy .card-english{padding:6px 8px;font-size:12px}.opening-stage .card-back-copy .card-back-title{padding:15px 12px 4px;font-size:19px}.opening-stage .card-back-copy .card-knowledge{padding:2px 12px}.opening-stage .card-back-copy .card-knowledge h3{margin:3px 0;font-size:16px}.opening-stage .card-back-copy .card-knowledge p{margin-bottom:7px;font-size:10px;line-height:1.6}.opening-stage .card-back-copy .card-section-label{font-size:9px}.opening-stage .card-back-copy .card-english{font-size:10px}.opening-stage .card-back-copy .card-back-title small{margin-top:2px;font-size:10px}.pack-dialog .draw-rules{text-align:center;margin:12px auto 0}.motion-reduced *{transition:none!important;animation:none!important}.motion-reduced.phase-reveal .opening-rays{opacity:.16}.motion-reduced.phase-reveal .opening-rotor{transform:rotateY(180deg)}@keyframes opening-charge{0%{transform:rotate(-5deg)scale(1)}50%{transform:rotate(-2deg)scale(1.04)}to{transform:rotate(-5deg)scale(1)}}@keyframes opening-tug{0%,to{transform:rotate(-5deg)}35%{transform:rotate(-9deg)translateY(2px)}65%{transform:rotate(2deg)}}@keyframes opening-tear{0%{opacity:1;transform:translate(0)rotate(0)}40%{transform:translate(55px,-15px)rotate(-12deg)}to{opacity:0;transform:translate(250px,-140px)rotate(30deg)}}@keyframes opening-drop{0%{opacity:1;transform:translateY(0)rotate(-5deg)}40%{opacity:1;transform:translateY(90px)rotate(-10deg)}to{opacity:0;transform:translateY(300px)rotate(-20deg)}}@keyframes opening-rise{0%{opacity:0;transform:translateY(80px)rotate(-5deg)scale(.88)}30%{opacity:1}70%{transform:translateY(-25px)rotate(2deg)scale(1.02)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes opening-hover{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes opening-reveal-bump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes opening-flash{0%{opacity:.1;transform:scale(.5)}45%{opacity:.65;transform:scale(1.2)}to{opacity:.24;transform:scale(1)}}@keyframes opening-rays{to{transform:rotate(360deg)}}@keyframes opening-particle{0%{opacity:0;transform:rotate(calc(var(--n)*20deg)) translateY(-60px)}25%{opacity:1}to{opacity:0;transform:rotate(calc(var(--n)*20deg + 25deg)) translateY(-220px) scale(.4)}}@media (max-height:700px){.opening-stage{min-height:0;padding:10px 20px 16px}.opening-heading{margin:2px 0;font-size:19px}.opening-theatre{height:305px}.opening-envelope{width:200px;height:270px}.opening-pack-inner{gap:5px;padding:9px 10px 14px}.opening-pack-inner>strong{font-size:25px}.opening-pack-art{height:88px;margin:3px 0}.opening-pack-art img{width:62px;height:82px}.opening-card-position{width:190px;height:285px}.opening-controls{gap:4px;min-height:60px}.opening-controls .reward-actions button{padding:8px 12px}.opening-stage .card-back-copy .card-knowledge p{margin-bottom:5px;font-size:9px;line-height:1.45}.opening-stage .card-back-copy .card-english{font-size:9px}.opening-stage .card-back-copy .card-back-title{padding-top:12px;font-size:17px}}@media (prefers-reduced-motion:reduce){.opening-stage *{transition:none!important;animation:none!important}}.printed-card{box-shadow:0 12px 25px #0004;background:0 0!important;border:0!important}.printed-card-art{object-fit:contain;width:100%;height:100%;display:block}.opening-card-button .printed-card{width:100%;height:100%}.mystery-emblem{color:#65875f;text-shadow:0 2px #fffad0;border:1px solid #8da980;border-radius:50%;place-items:center;width:135px;height:135px;margin:8px 0;font-size:96px;display:grid}.single-card-detail{flex-direction:column;align-items:center;display:flex}.card-read-target{cursor:pointer;background:0 0;border:0;width:min(340px,60vw);padding:0;display:block}.card-read-target .animal-card{width:100%}@media (max-height:700px){.card-read-target{width:240px}.mystery-emblem{width:105px;height:105px;margin:0;font-size:70px}}.opening-envelope:has(.image-pack){aspect-ratio:2/3;height:auto}.image-pack{aspect-ratio:2/3;box-shadow:none;background:0 0;border-radius:12px}.image-pack:after{display:none}.pack-image-body{object-fit:contain;clip-path:inset(11% 0 0);width:100%;height:100%;display:block}.image-pack .opening-seal{background:0 0;border:0;height:11%;padding:0;display:block;position:absolute;inset:0 0 auto;overflow:hidden}.image-pack .opening-seal img{width:100%;height:auto;display:block}.image-pack img{pointer-events:none}.image-pack .opening-seal{transform-origin:100%}.opening-card-button .collectible-card{width:100%;height:100%}.pack-fullscreen-backdrop{z-index:90;background:#102c32;position:fixed;inset:0}.pack-fullscreen{z-index:91;color:#f5ffed;background:#102c32;outline:none;width:100%;max-width:none;height:100dvh;max-height:none;position:fixed;inset:0;overflow:auto}.pack-fullscreen-content{flex-direction:column;width:100%;min-height:100%;display:flex}.pack-fullscreen .opening-stage{border-radius:0;flex:1;justify-content:center;min-height:calc(100dvh - 44px);padding:20px 40px}.pack-fullscreen .opening-topline{padding-right:60px}.pack-fullscreen .opening-theatre{flex:1;min-height:305px;max-height:600px}.pack-fullscreen-close{z-index:10;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:22px}.pack-fullscreen-close:hover{background:#ffffff2a}.pack-fullscreen-close:focus-visible{outline-offset:3px;outline:3px solid #ffe49c}.pack-fullscreen .draw-rules{text-align:center;color:#d2e4d9;padding:10px 24px;font-size:12px}.pack-fullscreen .draw-rules p{max-width:800px;margin:8px auto}.pack-fullscreen .reward-error{text-align:center;padding:12px}@media (max-height:650px){.pack-fullscreen .opening-stage{padding:10px 28px}.pack-fullscreen .opening-theatre{min-height:280px}.pack-fullscreen .opening-topline{padding-right:55px}}.exploration-backdrop{z-index:210;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102d32aa;position:fixed;inset:0}.exploration-dialog{z-index:211;color:#fff8da;background:#173e43;border:3px solid #fff3cd;border-radius:24px;outline:none;flex-direction:column;display:flex;position:fixed;inset:12px;overflow:hidden;box-shadow:0 15px 70px #071b26aa}.exploration-header{background:linear-gradient(120deg,#254d3f,#1b3940);flex:none;align-items:center;gap:16px;height:88px;padding:8px 16px;display:flex}.exploration-header>img{object-fit:contain;width:260px;max-width:40%;height:76px}.exploration-header>span{margin-left:auto;font-size:16px;font-weight:750}.exploration-header button,.exploration-controls button{color:#31543c;cursor:pointer;background:#fff4d5;border:2px solid #fff6d5;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.exploration-header button{background:#f3b6a4}.exploration-dialog button:focus-visible{outline-offset:-3px;outline:3px solid #75d6ff}.exploration-viewport:focus-visible{outline-offset:-3px;outline:3px solid #75d6ff}.exploration-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(#247985,#122e45);flex:1;min-height:0;position:relative;overflow:hidden}.exploration-viewport:active{cursor:grabbing}.exploration-world{transform-origin:50%;isolation:isolate;position:absolute;top:50%;left:50%}.exploration-land{pointer-events:none;width:100%;height:100%;display:block}.exploration-era{color:#fff6cc;text-shadow:0 2px 3px #10312d,0 0 8px #10312d;pointer-events:none;background:#20423899;border-radius:12px;padding:4px 8px;font-size:clamp(10px,1.25vw,18px);font-weight:850;position:absolute;top:16%}.era-triassic{left:7%}.era-jurassic{top:17%;left:39%}.era-cretaceous{top:20%;left:70%}.exploration-creature{aspect-ratio:3/4;filter:drop-shadow(0 5px 3px #122b2e77);background:0 0;border:0;padding:0;display:block;position:absolute;transform:translate(-50%,-88%)}.exploration-creature.is-found:not(:disabled):active{transform:translate(-50%,-88%)}.exploration-creature img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.exploration-creature.is-found{cursor:pointer;transition:filter .2s}.exploration-creature.is-found:hover{filter:drop-shadow(0 0 7px #ffef9c)}.exploration-creature.is-unknown{opacity:.72;aspect-ratio:3/2;transform:translate(-50%,-85%)}.exploration-controls{z-index:120;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.exploration-controls button:disabled{opacity:.5;cursor:default}.album-tools .album-close-icon{color:#29483d;background:#f3b6a4;border:3px solid #fff9e9;border-radius:50%;place-items:center;width:52px;min-width:52px;height:52px;display:grid;box-shadow:0 3px #815c3933}.album-map-entry img{object-fit:contain;width:48px;height:48px}@media (max-height:600px){.exploration-dialog{inset:6px}.exploration-header{height:64px;padding:4px 12px}.exploration-header>img{width:220px;height:58px}.exploration-controls{bottom:10px;right:10px}.exploration-header button,.exploration-controls button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.exploration-creature{transition:none}}.exploration-creature.map-subject-ankylosaurus{aspect-ratio:3/2}.dino-world-backdrop{z-index:210;background:#091e17;position:fixed;inset:0}.dino-world-dialog{z-index:211;isolation:isolate;color:#fff8e8;background:#172c23;outline:none;font-family:inherit;position:fixed;inset:0;overflow:hidden}.dino-world-canvas,.dino-world-canvas canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dino-world-header{pointer-events:none;background:linear-gradient(#08212a40,#0000);justify-content:space-between;align-items:flex-start;padding:28px 34px 65px;display:flex;position:absolute;inset:0 0 auto}.dino-world-header span{letter-spacing:.25em;color:#fff6cfcc;font-size:12px}.dino-world-header h2{letter-spacing:.12em;text-shadow:0 2px 12px #193a20;margin:5px 0 0;font-size:25px;font-weight:550}.dino-world-header nav{pointer-events:auto;gap:10px;display:flex}.dino-world-dialog button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff8df;cursor:pointer;min-height:42px;font:inherit;background:#153d2bb8;border:1px solid #fff9df42;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;transition:background .2s,transform .2s;display:inline-flex}.dino-world-dialog button:hover{background:#306448e6;transform:translateY(-1px)}.dino-world-dialog button:focus-visible{outline-offset:3px;outline:3px solid #ffe7a0}.dino-world-header button{width:42px;padding:10px}.dino-world-cover{z-index:2;text-align:center;background:radial-gradient(at 50% 40%,#244b3dea,#0b231bf5);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:35px;display:flex;position:absolute;inset:0}.dino-world-cover h2{letter-spacing:.1em;margin:5px;font-size:30px;font-weight:550}.dino-world-cover p{color:#d8e3cd;max-width:520px;font-size:15px}.dino-world-cover>div{gap:12px;display:flex}.dino-world-pause{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071c13a6}.dino-world-pause button{min-width:230px}.dino-world-orbit{border:1px solid #d0dcb444;border-top-color:#e9d7a1;border-radius:50%;width:46px;height:46px;animation:1.7s linear infinite dino-orbit}@keyframes dino-orbit{to{transform:rotate(360deg)}}.dino-world-bottom{pointer-events:none;text-align:center;background:linear-gradient(#0000,#09221890);padding:45px 28px 22px;position:absolute;inset:auto 0 0}.dino-world-keys{color:#fff9dfdb;justify-content:center;gap:23px;font-size:12px;display:flex}.dino-world-keys kbd{border:1px solid #fff7d446;border-radius:5px;margin-right:5px;padding:3px 6px;font-family:inherit}.dino-world-bottom p{color:#fce3b0;margin:14px 0 0;font-size:12px}.dino-world-discovery{text-shadow:0 2px 12px #092519;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:90px;left:34px}.dino-world-discovery>span{color:#e3e2b8;letter-spacing:.2em;font-size:12px}.dino-world-discovery strong{letter-spacing:.1em;font-size:31px;font-weight:550}.dino-world-discovery small{letter-spacing:.1em;margin-bottom:8px;font-size:13px;font-style:italic}.dino-world-discovery button{text-shadow:none;font-size:14px}.album-world-3d-entry img{object-fit:contain;width:42px;height:42px}@media (prefers-reduced-motion:reduce){.dino-world-orbit{animation:none}.dino-world-dialog button{transition:none}}.dino-world-actions{grid-template-columns:repeat(3,auto);gap:6px;margin-top:12px;display:grid}.dino-world-discovery .dino-world-actions button{justify-content:center;margin:0;padding:9px 12px;font-size:13px}.dino-world-canvas canvas{cursor:grab;touch-action:none}.dino-world-canvas canvas.is-dragging{cursor:grabbing}.dino-world-places{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#143626f2;border:1px solid #f4edce55;border-radius:22px;width:290px;padding:18px;position:absolute;top:94px;right:34px;box-shadow:0 14px 50px #051c144d}.dino-world-places>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dino-world-places h3{margin:0;font-size:18px;font-weight:600}.dino-world-places>header button{width:42px;padding:10px}.dino-world-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dino-world-destinations button{flex-direction:column;padding:10px 8px;font-size:13px}.dino-world-destinations img{object-fit:contain;filter:drop-shadow(0 5px 6px #0003);width:94px;height:70px}@media (max-height:650px){.dino-world-header{padding:16px 24px 40px}.dino-world-discovery{gap:5px;bottom:66px;left:24px}.dino-world-discovery strong{font-size:26px}.dino-world-actions{margin-top:5px}.dino-world-places{top:72px;right:24px}}.dino-world-header[hidden]{display:none}.dino-world-header nav .dino-world-film-entry{white-space:nowrap;gap:7px;width:auto;padding-inline:14px;font-size:14px}.dino-extinction{z-index:5;background:linear-gradient(#0000 40%,#030b19c9 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.dino-extinction-top{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex;position:absolute;inset:22px 28px auto}.dino-extinction button{color:#f8f6ec;cursor:pointer;min-height:44px;font:inherit;background:#102236b8;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.dino-extinction button:hover{background:#2a425bdd}.dino-extinction button:focus-visible{outline-offset:3px;outline:3px solid #ffe2a3}.dino-extinction-caption{text-align:center;text-shadow:0 2px 16px #000;width:min(760px,78%);margin:0 auto 24px}.dino-extinction-caption>span{letter-spacing:.2em;color:#e6cda5;font-size:13px}.dino-extinction-caption h2{letter-spacing:.08em;margin:10px 0;font-size:clamp(26px,3.1vw,42px)}.dino-extinction-caption p{color:#f4f0e6;margin:0;font-size:clamp(16px,1.8vw,23px);line-height:1.75}.dino-extinction-controls{margin:0 30px 22px}.dino-extinction-controls>div:last-child{align-items:center;gap:12px;display:flex}.dino-extinction-controls span,.dino-extinction-controls small{color:#c5d1dd;font-size:13px}.dino-extinction-progress{background:#ffffff30;border-radius:2px;height:3px;margin-bottom:16px;overflow:hidden}.dino-extinction-progress i{background:#efc890;height:100%;transition:width .2s linear;display:block}.dino-extinction-birds{width:30%;animation:15s ease-out both dino-birds-pass;position:absolute;top:22%;right:18%}@keyframes dino-birds-pass{0%{opacity:0;transform:translate(-80px,40px)}25%{opacity:.9}to{opacity:.9;transform:translate(30px,-20px)}}@media (prefers-reduced-motion:reduce){.dino-extinction-birds{animation:none}.dino-extinction-progress i{transition:none}}.album-dialog-backdrop{z-index:199;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#142d4f80;position:fixed;inset:0}.album-dialog{z-index:200;box-sizing:border-box;background:#d8eff4;border:4px solid #f7fffa;border-radius:30px;outline:none;width:min(1520px,100vw - 32px);height:min(940px,100dvh - 28px);padding:0;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px #40644c66,0 24px 70px #16384366}.album-dialog-body{flex-direction:column;height:100%;min-height:0;display:flex}.album-dialog-body>.web-album{flex:1;height:auto;min-height:0}.album-dialog-body>.reward-error{color:#a63d37;background:#fceae6;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:10px;max-height:min(25dvh,140px);margin:0 12px 10px;padding:8px 12px;font-size:14px;line-height:1.5;display:flex;overflow:auto}.album-dialog-body>.reward-error button{color:#843e35;min-height:44px;font:inherit;background:#fff9eb;border:1px solid #d9a6a0;border-radius:10px;flex-shrink:0;padding:8px 12px;text-decoration:underline}.web-album{--album-cover:#51866d;--album-cover-dark:#305943;color:#29483d;background:radial-gradient(at 9% -10%,#fff 0 10%,#0000 11%),radial-gradient(at 89% -9%,#fff 0 9%,#0000 10%),linear-gradient(#bfe9f8,#eaf8f6 25%,#e5edcf);flex-direction:column;width:100%;height:100%;min-height:0;font-family:inherit;display:flex;position:relative;overflow:hidden}.web-album *{box-sizing:border-box}.web-album button,.web-album input,.web-album select{font-family:inherit}.web-album button{cursor:pointer}.web-album button:disabled{cursor:default}:is(.web-album button:focus-visible,.web-album input:focus-visible){outline-offset:4px;outline:3px solid #246ca3}.web-album [hidden]{display:none!important}.album-world-dinosaurs{--album-cover:#799061;--album-cover-dark:#4a623c;background:radial-gradient(at 9% -10%,#fff 0 10%,#0000 11%),linear-gradient(#daefc5,#f2f7de 25%,#e5edcf)}.album-world-space{--album-cover:#637da1;--album-cover-dark:#3c5477;background:radial-gradient(at 9% -10%,#fff 0 10%,#0000 11%),linear-gradient(#cadbf4,#e8ecfb 25%,#dfe4f2)}.album-topbar{flex:0 0 110px;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px 12px;display:flex}.album-heading{flex-shrink:0;align-items:center;gap:10px;display:flex}.album-heading h2{letter-spacing:.04em;color:#17446a;text-shadow:0 2px #fff;margin:0;font-size:clamp(25px,2.5vw,38px);font-weight:900;line-height:1.15}.album-heading p{color:#386849;margin:5px 0 0;font-size:17px;font-weight:750}.album-heading strong{font-variant-numeric:tabular-nums}.album-picture{filter:drop-shadow(0 3px 1px #153b2a22);background-image:url(/rewards/album/ui-atlas.png);background-repeat:no-repeat;background-size:400% 300%;flex-shrink:0;width:62px;height:62px;display:block}.album-title-picture{width:80px;height:80px;transform:rotate(-7deg)}.album-world-button{color:#fff;background:linear-gradient(#659b79,#3f7655);border:3px solid #fbfff8;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-width:238px;height:72px;padding:8px 20px 8px 12px;font-size:25px;font-weight:850;display:flex;position:relative;box-shadow:0 4px #345b4977,inset 0 2px #b8d8b6}.album-world-button img{object-fit:cover;border-radius:15px;width:62px;height:55px;box-shadow:0 2px 3px #20442e44}.album-world-button span{white-space:nowrap}.album-world-dinosaurs .album-world-button{background:linear-gradient(#90a75f,#607840)}.album-world-space .album-world-button{background:linear-gradient(#718fb5,#4d6c9a)}.album-tools{align-items:center;gap:12px;display:flex}.album-picture-button{color:#244c41;white-space:nowrap;background:linear-gradient(#fffdf2,#f5ebd4);border:2px solid #fffdf5;border-radius:26px;justify-content:center;align-items:center;gap:5px;min-height:67px;padding:3px 16px 3px 6px;font-size:20px;font-weight:850;display:flex;box-shadow:0 4px #bfb89766,inset 0 -2px #e4dac0}.album-picture-button .album-picture{width:52px;height:52px}.album-picture-button[aria-expanded=true]{background:#fff0be;border-color:#d7b760}.album-cover{background:repeating-linear-gradient(23deg,#ffffff05 0 1px,transparent 1px 4px),linear-gradient(120deg,var(--album-cover),var(--album-cover-dark));border:3px solid #8eb29b;border-radius:32px;flex:1;grid-template-columns:112px minmax(0,1fr);gap:9px;min-height:0;margin:0 11px 12px;padding:14px 18px 18px 12px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #ffffff12,inset 0 0 0 8px #16362318,0 3px #233e3333}.album-cover:before{content:"";pointer-events:none;border:1px dashed #d8dbaa8c;border-radius:22px;position:absolute;inset:8px}.album-bookmarks{z-index:3;scrollbar-width:thin;flex-direction:column;align-items:stretch;gap:9px;min-height:0;padding-top:6px;padding-bottom:95px;display:flex;position:relative;overflow:auto}.album-bookmark{color:#254d3d;background:linear-gradient(120deg,#fffdf0,#ede9d7);border:2px solid #fffdf1;border-radius:19px 14px 14px 19px;flex-direction:column;flex:0 0 100px;justify-content:center;align-items:center;padding:1px 7px 6px;font-size:19px;font-weight:850;transition:transform .16s,background .16s;display:flex;position:relative;box-shadow:0 4px #294a3b66,4px 2px 6px #2145342b}.album-bookmark .album-picture{width:68px;height:67px}.album-bookmark span:not(.album-picture){line-height:1.05}.album-bookmark[aria-pressed=true]{background:linear-gradient(120deg,#fff0a4,#ffe17c);border-color:#ffedaf;transform:translate(3px);box-shadow:0 4px #795f2d55,inset 0 0 0 2px #f6c865}.album-bookmark:before{content:"";background:inherit;border-radius:0 5px 5px 0;width:9px;height:55%;position:absolute;top:23%;right:-7px}.album-bookmark-check{color:#fff;background:#3f7655;border:2px solid #fff9e7;border-radius:50%;width:24px;height:24px;padding:2px;display:block;position:absolute;top:7px;right:6px}.album-paper{isolation:isolate;background:repeating-linear-gradient(4deg,#a5935c02 0 1px,#0000 1px 4px),linear-gradient(90deg,#f4e7ca 0%,#fffaf0 5% 44%,#f3e6c9 49%,#ccba90 50%,#f8efd9 51%,#fffaf0 57% 95%,#efe1c2);border:2px solid #fff7de;border-radius:26px 24px 27px 25px;flex-direction:column;min-width:0;min-height:0;padding:20px 28px 8px;display:flex;position:relative;box-shadow:inset 4px 0 #e9dcbd,inset 8px 0 #fff7e5,inset 12px 0 #d1c7aa66,inset -4px 0 #e9dcbd,inset -8px 0 #fff7e5,0 5px #c1b18d,0 8px #f4e6c5,0 12px 12px #152e2755}.album-paper:after{content:"";z-index:-1;pointer-events:none;border:1px solid #d7cba48f;border-radius:20px;position:absolute;inset:9px}.album-page-decoration{z-index:-1;pointer-events:none;opacity:.17;background-position:50% 78%;background-size:cover;border-radius:22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 76%,#000 100%);mask-image:linear-gradient(#0000 76%,#000 100%)}.album-spine{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-around;width:40px;display:flex;position:absolute;top:10%;bottom:17%;left:50%;transform:translate(-50%)}.album-spine i{filter:drop-shadow(0 4px 1px #564c3855);background:0 0;border:7px solid #9aa274;border-bottom-color:#0000;border-radius:50%;width:44px;height:23px;margin-left:-2px;display:block;position:relative;transform:rotate(-4deg);box-shadow:0 -3px #e5e6b3,inset 0 3px 2px #424f2766}.album-spine i:before,.album-spine i:after{content:"";z-index:-1;background:#443f2e;border:1px solid #c1bb91;border-radius:50%;width:10px;height:17px;position:absolute;bottom:-5px}.album-spine i:before{left:-8px}.album-spine i:after{right:-8px}.collection-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-width:0;min-height:0;padding:6px 3px;position:relative;overflow:auto;container-type:size}.collection-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr)) 38px repeat(2,minmax(0,1fr));align-items:start;gap:20px 18px;width:100%;height:100%;min-height:0;display:grid}.collection-item{perspective:900px;justify-content:center;align-items:flex-start;min-width:0;height:100%;min-height:0;display:flex}.collection-item:nth-child(4n+1){grid-column:1}.collection-item:nth-child(4n+2){grid-column:2}.collection-item:nth-child(4n+3){grid-column:4}.collection-item:nth-child(4n+4){grid-column:5}.collection-card{aspect-ratio:2/3;cursor:pointer;width:min(100%,33.3333cqh - 8px,242px);text-align:initial;background:linear-gradient(120deg,#ffffffa8,#ffffff38 40%,#dce8e626);border:1px solid #fffdf1;border-radius:18px;flex:0 auto;padding:7px;transition:transform .18s,box-shadow .18s;display:block;position:relative;box-shadow:0 3px 2px #8c8e7544,inset 0 0 0 1px #b7c3bd8c,0 1px 5px #fff}.collection-card .animal-card{pointer-events:none;width:100%;height:100%;box-shadow:1px 2px #947c5733,2px 4px 6px #31402c30}.collection-sleeve{pointer-events:none;background:linear-gradient(128deg,#fff6 0%,#0000 12% 75%,#e2f5ff24 100%);border-top:3px solid #ffffffa8;border-radius:17px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff80,inset 4px 0 2px #fff8,inset -3px 0 2px #fff8}.collection-sleeve:after{content:"";border-top:1px solid #fff9;border-bottom:1px solid #a7b7b752;border-radius:50%;height:4px;position:absolute;top:5px;left:8px;right:8px}.collection-new{z-index:6;color:#72501a;background:linear-gradient(#ffe48b,#ffc653);border:2px solid #fff0b5;border-radius:11px;place-items:center;width:34px;height:35px;font-size:20px;font-weight:900;display:grid;position:absolute;top:-7px;left:-8px;transform:rotate(-9deg);box-shadow:0 2px #b8954444}.collection-copies{color:#36553c;background:#fffaec;border:1px solid #b7c5b1;border-radius:10px;min-width:34px;padding:3px 8px;font-size:14px;font-weight:850;position:absolute;bottom:-2px;right:2px;box-shadow:0 2px 2px #61745926}.collection-empty{text-align:center;color:#566d55;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collection-empty img{object-fit:cover;border:5px solid #fff4d8;border-radius:40% 45% 35% 40%;width:min(290px,55%);height:min(190px,43cqh);box-shadow:0 5px #a2957240}.collection-empty h3{color:#38593e;margin:17px 0 4px;font-size:21px}.collection-empty p{margin:5px 0;font-size:16px}.album-empty-action{color:#36563d;background:#fff4c9;border:2px solid #8b9f77;border-radius:17px;min-height:48px;margin-top:12px;padding:8px 25px;font-size:16px;font-weight:750}.album-pagination{z-index:6;flex:0 0 64px;justify-content:center;align-items:center;gap:18px;padding-top:8px;display:flex;position:relative}.album-page-button{color:#5e461a;background:linear-gradient(#ffe99d,#ffd66c);border:1px solid #edc16d;border-radius:20px;justify-content:center;align-items:center;gap:1px;min-height:50px;padding:0 14px;font-size:17px;font-weight:850;display:flex;box-shadow:0 3px #b39e6344}.album-page-button .album-picture{width:45px;height:45px}.album-page-button:disabled{color:#778168;background:linear-gradient(#ebeccf,#d6dcc0);border-color:#c7c9b0;box-shadow:0 2px #82927033}.album-page-button:disabled .album-picture{filter:grayscale(.8);opacity:.48}.album-page-picker{color:#37513b;background:#fff9e9;border:2px solid #fffdf4;border-radius:22px;justify-content:center;align-items:center;gap:9px;min-width:154px;min-height:49px;padding:8px 16px;font-size:17px;font-weight:850;display:flex;position:relative;box-shadow:0 3px #b9ac8050}.album-page-picker select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.album-page-picker:focus-within{outline-offset:4px;outline:3px solid #246ca3}.album-search{z-index:8;background:#fffdf3;border:2px solid #6e9067;border-radius:21px;flex:0 0 58px;align-self:center;align-items:center;gap:6px;width:min(440px,80%);height:58px;margin-bottom:8px;padding:4px 7px;display:flex;position:relative;box-shadow:0 5px 15px #374d3d36}.album-search .album-picture{width:42px;height:42px}.album-search input{color:#29483d;background:0 0;border:0;outline:0;flex:1;width:0;height:44px;font-size:17px}.album-search input::placeholder{color:#697968}.album-search button{color:#3b624a;background:#eef0d8;border:0;border-radius:50%;flex:0 0 44px;place-items:center;height:44px;display:grid}.album-draw-entry{z-index:4;color:#3b6346;background:linear-gradient(#f1f3d2,#dce8bd);border:2px solid #d9e7b9;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100px;min-height:72px;padding:7px 5px;font-size:16px;font-weight:800;display:flex;position:absolute;bottom:24px;left:15px;box-shadow:0 3px #213e3855}.album-draw-entry small{white-space:nowrap;flex-basis:100%;font-size:12px;font-weight:650;display:block}.album-draw-entry:disabled{color:#60715b;opacity:.82;background:#d4ddc6;border-color:#bdcaa9}.web-album[data-page-size="4"] .collection-grid{grid-template-rows:minmax(0,1fr);align-items:center}.web-album[data-page-size="4"] .collection-item{align-items:center}.web-album[data-page-size="4"] .collection-card{width:min(100%,66.6667cqh - 10.6667px,260px)}.album-world-backdrop{z-index:210;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#193d3b85;position:fixed;inset:0}.album-world-picker{z-index:211;color:#29483d;background:#edf1d6;border:4px solid #fffef5;border-radius:29px;outline:none;width:min(900px,100vw - 64px);max-height:calc(100dvh - 60px);padding:28px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 6px #496b5077,0 24px 70px #102e354d}.album-world-picker h2{margin:0 52px 22px 2px;font-size:27px;font-weight:850}.album-world-close{color:#29483d;cursor:pointer;background:#f3b6a4;border:2px solid #fffdf0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:15px;right:16px;box-shadow:0 3px #ae897844}.album-world-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.album-world-option{color:#29483d;cursor:pointer;font:inherit;background:#fff9eb;border:3px solid #d0d7b9;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 19px;display:flex;position:relative;box-shadow:0 4px #a6b49a55}.album-world-option img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.album-world-option strong{font-size:22px;font-weight:850}.album-world-option>span{color:#61705a;font-size:14px}.album-world-option.is-selected{background:#fff0be;border-color:#547e54}.album-world-check{box-sizing:content-box;color:#fff;background:#3f7655;border:3px solid #fffaf0;border-radius:50%;padding:3px;position:absolute;top:15px;right:15px}.album-world-picker button:focus-visible{outline-offset:4px;outline:3px solid #246ca3}.tilt-stage{aspect-ratio:2/3;perspective:1100px;touch-action:none;flex-shrink:0;width:min(310px,32dvh)}.tilt-card{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#b59955;border:0;border-radius:18px;padding:0;transition:transform .13s ease-out;display:block;position:relative;box-shadow:2px 2px #e1cd91,4px 4px #867347,8px 15px 22px #21352d45}.tilt-card:not(:disabled):active{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.tilt-card .animal-card{width:100%;height:100%;box-shadow:none}.tilt-shine{pointer-events:none;opacity:var(--shine,0);background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#fff8dd 0%,#a8e8ff77 18%,transparent 60%);mix-blend-mode:screen;border-radius:18px;transition:opacity .15s;position:absolute;inset:0}.tilt-card:focus-visible{outline-offset:6px;outline:3px solid #ffe49c}.full-card-backdrop{z-index:220;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060e12e0;position:fixed;inset:0}.full-card-viewer{z-index:221;box-sizing:border-box;background:radial-gradient(#263835eb,#050c10f7 75%);outline:none;justify-content:center;align-items:center;width:100%;height:100dvh;padding:40px;display:flex;position:fixed;inset:0}.full-card-viewer .tilt-stage{aspect-ratio:2/3;width:min(480px,66.6667dvh - 61.3333px,100vw - 100px);height:auto}.full-card-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff12;border:1px solid #fff6;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:22px;right:24px}.full-card-close:hover{background:#ffffff26}.full-card-close:focus-visible{outline-offset:4px;outline:3px solid #ffe49c}.full-card-viewer .tilt-card{box-shadow:2px 2px #ecd896,4px 4px #958050,10px 25px 50px #0009}.card-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.album-picture-button:hover,.album-page-button:not(:disabled):hover{filter:brightness(1.035);transform:translateY(-1px)}.album-world-button:hover{filter:brightness(1.05)}.collection-card:hover{transform:translateY(-4px)rotate(-.7deg);box-shadow:0 7px 7px #71856b55}.album-world-option:hover{border-color:#73906d}}@media (max-width:1200px){.album-topbar{flex-basis:96px;gap:12px;padding:10px 17px}.album-heading{gap:5px}.album-heading h2{font-size:28px}.album-heading p{font-size:15px}.album-title-picture{width:64px;height:64px}.album-world-button{gap:9px;min-width:202px;height:66px;padding-right:13px;font-size:22px}.album-world-button img{width:48px;height:48px}.album-picture-button{min-height:60px;padding-right:12px;font-size:17px}.album-picture-button .album-picture{width:46px;height:46px}.album-tools{gap:8px}.album-cover{grid-template-columns:96px minmax(0,1fr);padding:12px 14px 14px 10px}.album-bookmark{flex-basis:91px;font-size:17px}.album-bookmark .album-picture{width:60px;height:60px}.album-paper{padding:16px 19px 7px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr)) 32px repeat(2,minmax(0,1fr));column-gap:12px}.album-draw-entry{width:85px;font-size:14px;bottom:20px;left:13px}.album-draw-entry svg{width:16px}}@media (max-height:740px){.album-dialog{border-width:3px;border-radius:25px;width:calc(100vw - 24px);height:calc(100dvh - 20px)}.album-topbar{flex-basis:86px;padding-top:7px;padding-bottom:10px}.album-cover{border-radius:24px;margin:0 8px 10px}.album-paper{border-radius:21px;padding-top:12px}.album-bookmarks{gap:7px;padding-top:3px;padding-bottom:80px}.album-bookmark{flex-basis:72px;padding:0 5px 3px;font-size:16px}.album-bookmark .album-picture{width:48px;height:47px}.album-draw-entry{min-height:62px;bottom:19px}.album-pagination{flex-basis:58px;gap:15px;padding-top:5px}.album-page-button{min-height:48px;font-size:16px}.album-page-picker{min-height:47px;font-size:16px}.album-spine{top:8%;bottom:18%}.album-search{top:4px}.album-world-picker{padding:21px}.album-world-picker h2{margin-bottom:16px}.album-world-option img{aspect-ratio:16/10}}@media (max-height:580px){.album-cover{grid-template-columns:88px minmax(0,1fr);gap:7px;padding-top:8px;padding-bottom:12px}.album-heading h2{font-size:27px}.album-topbar{flex-basis:82px}.album-bookmark{border-radius:15px;flex-basis:61px;font-size:15px}.album-bookmark .album-picture{width:40px;height:38px}.album-bookmarks{gap:5px;padding-bottom:60px}.album-draw-entry{gap:2px;width:80px;min-height:54px;font-size:13px;bottom:16px;left:11px}.album-draw-entry small{font-size:11px}.album-paper{padding:9px 16px 5px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr)) 26px repeat(2,minmax(0,1fr));column-gap:12px}.collection-card{border-radius:13px;padding:5px}.collection-sleeve{border-radius:12px}.album-pagination{flex-basis:70px;padding-top:4px}.album-page-button{min-height:64px;padding:0 12px}.album-page-picker,.album-picture-button,.album-draw-entry{min-height:64px}.album-bookmark{flex-basis:64px}.album-world-close,.full-card-close{width:64px;height:64px}.album-world-picker h2{margin-right:72px}.album-search{flex-basis:68px;height:68px}.album-search button{flex-basis:60px;height:60px}.album-page-button .album-picture{width:42px;height:42px}.album-spine{width:30px}.album-spine i{border-width:6px;width:35px;height:19px}.collection-new{border-radius:9px;width:28px;height:29px;font-size:16px}.album-world-options{gap:13px}.album-world-option{padding:8px 8px 13px}.album-world-option strong{font-size:20px}.album-world-option>span{font-size:13px}.album-world-picker h2{font-size:24px}.album-world-option img{max-height:185px}.full-card-viewer{padding:24px}.full-card-viewer .tilt-stage{width:min(480px,66.6667dvh - 43.3333px,100vw - 100px)}}.full-card-viewer.has-speech-error .tilt-stage{width:min(480px,66.6667dvh - 100px,100vw - 100px)}.full-card-speech-error{z-index:3;color:#86382e;text-align:center;background:#fff0e8;border:1px solid #f4b5a7;border-radius:16px;width:max-content;max-width:calc(100vw - 48px);padding:12px 20px;font-size:16px;line-height:1.5;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0005}@media (prefers-reduced-motion:reduce){.tilt-card{transition:none;transform:none!important}.tilt-shine{display:none}.collection-card,.collection-card:hover,.album-picture-button:hover,.album-page-button:hover{transition:none;transform:none}.album-bookmark{transition:none}}.album-world-qimiao .album-world-button{background:linear-gradient(#729a98,#426c76)}.album-world-options{grid-template-columns:repeat(2,minmax(0,1fr))}.album-world-option img{max-height:160px}.full-card-viewer.heart-card-viewer{background:radial-gradient(at 30% 45%,#856655,#292329 80%);justify-content:center;align-items:center;gap:clamp(24px,5vw,80px);padding:32px 70px;display:flex}.full-card-viewer.heart-card-viewer .tilt-stage{flex:none;width:min(420px,66.6667dvh - 46.6667px,40vw)}.heart-actions{color:#614338;text-align:center;background:#fff9ee;border-radius:28px;width:min(390px,42vw);max-height:calc(100dvh - 64px);padding:26px;overflow:auto;box-shadow:0 12px 48px #0003}.heart-eyebrow{color:#9b6558;letter-spacing:3px;font-size:13px}.heart-actions h2{margin:12px 0 20px;font-size:25px}.heart-script{text-align:left;font-size:19px;line-height:1.9}.heart-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.heart-actions button{color:#fff;cursor:pointer;background:#269d91;border:0;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 17px;font-weight:700;display:inline-flex}.heart-actions button:disabled{opacity:.45;cursor:default}.heart-actions .heart-demo-link{color:#8c6256;background:0 0;margin:15px auto 0;font-size:14px;display:block}.heart-actions small{font-size:13px;display:block}.heart-qr{border:10px solid #fff;border-radius:12px;width:150px;height:150px;margin:15px auto;display:block}.heart-error{color:#a63830;font-size:14px;line-height:1.5}.heart-recording{color:#b54552;justify-content:center;align-items:center;gap:10px;display:flex}.heart-recording span{background:#df5261;border-radius:50%;width:10px;height:10px}.hidden-card-unknown{aspect-ratio:2/3;color:#fff8e9;background:radial-gradient(circle at 50% 40%,#fbe3bc,#aa657e);border:4px solid #edc995;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;display:flex;box-shadow:inset 0 0 0 7px #fff4}.hidden-card-unknown b{font-family:serif;font-size:clamp(48px,8vh,110px)}.hidden-card-unknown span{letter-spacing:6px;font-size:22px}.collection-card:disabled{cursor:default}.card-world-hidden .integrated-subject-window{inset:25% 2% 20%}.card-world-hidden .integrated-card-subject{object-position:center 70%;filter:drop-shadow(0 1.2cqw 1cqw #83563755);width:100%;height:100%;inset:0}@media (max-height:600px){.heart-actions{padding:18px}.heart-actions h2{margin:8px 0 12px;font-size:22px}.heart-script{font-size:16px;line-height:1.7}.heart-qr{width:110px;height:110px}.heart-actions button{min-height:44px}.heart-buttons{margin-top:12px}}.screen{position:relative}.user-onboarding{color:#315d76;background:radial-gradient(at 85% 60%,#c7eff8 0,#0000 50%),#f5fbfd;flex:1;min-height:0;padding:32px 40px;overflow:auto}.user-setup-wrap{max-width:980px;margin:auto}.setup-steps{color:#839ba8;gap:34px;margin:0 0 30px;padding:0;font-size:14px;list-style:none;display:flex}.setup-steps li{align-items:center;gap:9px;display:flex}.setup-steps li>span{background:#e0edf0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.setup-steps .reached{color:#207e87;font-weight:700}.setup-steps .reached>span{color:#fff;background:#318e95}.setup-steps [aria-current]{color:#24596d}.setup-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.setup-heading h1{color:#245469;outline:none;font-size:30px;font-weight:800}.setup-heading p{color:#6a8898;margin:9px 0 0;font-size:16px}.setup-back{color:#477587;background:#e2f0f4;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.profile-form{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 42px;display:grid}.profile-fields{min-width:0}.profile-fields>label,.profile-gender legend{margin:15px 0 10px;font-size:17px;font-weight:700;display:block}.profile-fields>label>span,.profile-gender legend span{color:#698894;margin-left:10px;font-size:13px;font-weight:400}.nickname-input{background:#fff;border:2px solid #c8dfe7;border-radius:16px;align-items:center;gap:8px;padding:7px;display:flex;box-shadow:0 3px #dcebf0}.nickname-input:focus-within{border-color:#3d939d}.nickname-input input{color:#2b5366;width:100%;min-width:0;font:inherit;background:0 0;border:none;outline:none;padding:9px 7px;font-size:19px}.nickname-input input::placeholder{color:#a4b8bf}.nickname-input button{white-space:nowrap;color:#2a737f;background:#e6f4f4;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 13px;font-size:14px;display:flex}.pinyin-button{color:#287e89;text-underline-offset:3px;background:0 0;align-items:center;gap:5px;padding:11px 2px 0;font-size:14px;text-decoration:underline;display:flex}.profile-error{color:#a94035;margin:9px 0;font-size:14px}.profile-hint{color:#597c89;margin:8px 0;font-size:13px}.profile-gender{border:0;min-width:0;margin:8px 0 0;padding:0}.profile-gender>div{gap:12px;display:flex}.profile-gender label{cursor:pointer;background:#fff;border:2px solid #cfdee6;border-radius:14px;flex:1;align-items:center;gap:10px;padding:13px 14px;display:flex}.profile-gender label.chosen{background:#e9f7f4;border-color:#3f9299}.profile-gender input{accent-color:#32868d;width:17px;height:17px}.profile-gender label>svg{opacity:0;color:#2b8389;margin-left:auto}.profile-gender label.chosen>svg{opacity:1}.profile-gender span{font-size:15px}.profile-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:10px 0;display:flex}.preview-tag{color:#54879a;align-items:center;gap:7px;font-size:14px;display:inline-flex}.profile-character-stage{justify-content:center;align-items:center;width:100%;height:260px;display:flex;position:relative}.profile-character-stage:after{content:"";z-index:0;background:#80a9b01c;border-radius:50%;width:155px;height:20px;position:absolute;bottom:20px}.profile-character-stage .user-avatar{z-index:1;width:210px;height:262px}.profile-character-stage.choose-character .user-avatar{width:140px;height:175px}.profile-preview>strong{overflow-wrap:anywhere;color:#255b71;max-width:100%;font-size:25px}.preview-english{overflow-wrap:anywhere;color:#52869a;max-width:100%;margin-top:4px;font-size:17px}.profile-preview>p{color:#6c8998;margin:14px 0 0;font-size:13px}.user-avatar{pointer-events:none;vertical-align:middle;-webkit-user-select:none;user-select:none;flex:none;width:100px;height:125px;display:inline-block;position:relative}.user-avatar>img,.user-avatar-frames{object-fit:contain;background-repeat:no-repeat;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-fallback{color:#397586;background:#d6edf0;border:3px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:25px auto;font-size:28px;display:grid}.profile-form-footer{border-top:1px solid #d6e6eb;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:26px;display:flex}.profile-form-footer>p{color:#698594;margin:0;font-size:14px}.user-primary{color:#705318;white-space:nowrap;background:#ffdc74;border:2px solid #efc652;border-radius:15px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:15px 25px;font-size:17px;font-weight:700;display:flex;box-shadow:0 4px #d1ab41}.user-primary:hover:not(:disabled){background:#ffe494}.user-primary:disabled{opacity:.45;cursor:default}.local-profile-note{color:#7c929e;margin:20px 0 0;font-size:12px;line-height:1.6}.storage-warning{color:#9a5d30;background:#fff2cf;border-radius:8px;padding:8px}.user-loading{color:#527384;margin:auto;padding:30px}.grade-grid{grid-template-columns:repeat(3,1fr);gap:17px;max-width:800px;margin:35px 0;display:grid}.grade-grid button{color:#497285;background:#fff;border:2px solid #d2e5eb;border-radius:20px;justify-content:center;align-items:center;gap:9px;padding:25px 15px;font-size:18px;display:flex;position:relative;box-shadow:0 4px #dceaf0}.grade-grid strong{color:#31838d;font-size:31px}.grade-grid button.chosen{background:#e5f7f2;border-color:#3f9299}.grade-grid button>svg{color:#31838d;position:absolute;top:12px;right:12px}.textbook-filters{flex-wrap:wrap;align-items:center;gap:24px;margin:22px 0;display:flex}.textbook-filters label{align-items:center;gap:12px;font-size:15px;display:flex}.textbook-filters select,.edit-grade select{color:#335b6e;background:#fff;border:1px solid #c5dce4;border-radius:10px;min-height:44px;padding:10px 30px 10px 12px;font-size:16px}.textbook-filters>div{gap:6px;display:flex}.textbook-filters button{color:#5a7d8d;background:#e4eff3;border-radius:12px;min-height:44px;padding:10px 18px}.textbook-filters button[aria-pressed=true]{color:#fff;background:#31858f}.textbook-card{text-align:left;color:#375e75;background:#fff;border:3px solid #d3e4ea;border-radius:22px;align-items:center;gap:30px;width:100%;max-width:660px;padding:20px 26px;display:flex}.textbook-card.selected{background:#f4fbf8;border-color:#3a9598}.textbook-card>img{object-fit:contain;width:135px;height:190px;box-shadow:3px 5px 12px #315c7025}.textbook-details{flex-direction:column;gap:11px;min-width:0;display:flex}.textbook-details small{color:#69929d;font-size:13px}.textbook-details strong{font-size:22px}.textbook-details>span{font-size:14px}.textbook-details .available-content{color:#6e8692;font-size:13px;line-height:1.7}.book-selection{color:#26848c;align-items:center;gap:6px;font-weight:700;display:flex}.textbook-empty{text-align:center;color:#628392;background:#edf5f8;border:2px dashed #cbdfe7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:230px;padding:25px;display:flex}.textbook-empty strong{font-size:18px}.textbook-empty p{margin:0;font-size:14px}.user-dock{z-index:12;pointer-events:none;width:116px;position:absolute;bottom:6px;right:10px}.user-dock-trigger{color:#416e84;pointer-events:auto;background:0 0;border-radius:30px;flex-direction:column;align-items:center;width:116px;padding:0;display:flex;position:relative}.user-dock-trigger:hover{transform:none}.user-dock-trigger .user-avatar{width:110px;height:138px}.user-name-tag{text-overflow:ellipsis;white-space:nowrap;z-index:1;background:#f9fdffeb;border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;gap:3px;max-width:110px;margin-top:-8px;padding:4px 8px;font-size:12px;display:flex;overflow:hidden}.user-dock-menu{pointer-events:auto;color:#376177;background:#fff;border:2px solid #d2e6ed;border-radius:18px;flex-direction:column;gap:4px;min-width:175px;max-width:230px;padding:12px;display:flex;position:absolute;bottom:100%;right:3px;box-shadow:0 7px 25px #264d752b}.user-dock-menu strong{overflow-wrap:anywhere;font-size:16px}.user-dock-menu>span{color:#6b8c9d;overflow-wrap:anywhere;margin-bottom:8px;font-size:13px}.user-dock-menu button{text-align:left;background:#f0f7f9;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:10px;font-size:14px;display:flex}.user-dock-menu p{font-size:12px}.user-dialog-shade{z-index:35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#183d5866;position:fixed;inset:0}.user-editor{z-index:36;color:#335e75;background:#f3fbfd;border:3px solid #fff;border-radius:28px;width:min(920px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px 32px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.user-editor h2{margin:0 45px 15px 0;font-size:25px}.user-editor-close{color:#467286;background:#dfedf2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:15px;right:15px}.edit-grade{align-items:center;gap:15px;display:flex!important}.profile-feedback-avatar{background:#f3f9f6;border-radius:20px;align-items:center;gap:8px;margin:12px 0;padding:5px 12px;display:flex}.profile-feedback-avatar .user-avatar{width:80px;height:100px}.profile-feedback-avatar p{color:#46765d;margin:0;font-size:16px}.profile-chat-avatar{color:#597f90;align-self:flex-end;align-items:center;gap:8px;font-size:14px;display:flex}.profile-chat-avatar .user-avatar{width:60px;height:75px}.workspace.has-user{grid-template-columns:74px minmax(0,1fr) 116px}.has-user .right-tools{align-self:start;gap:9px;max-height:calc(100% - 160px);margin-top:30px;padding:8px 5px 6px;overflow-y:auto}.has-user .right-tools .tool{padding:9px 3px}.user-dock.is-quiet{visibility:hidden}:is(.user-onboarding button:focus-visible,.user-editor button:focus-visible,.user-dock button:focus-visible){outline-offset:3px;outline:3px solid #238598}@media (max-height:760px){.user-onboarding{padding:20px 32px}.setup-steps{margin-bottom:18px}.setup-heading{margin-bottom:12px}.profile-character-stage{height:230px}.profile-character-stage .user-avatar{width:180px;height:225px}.profile-form-footer{margin-top:18px;padding-top:18px}.has-user .right-tools{gap:5px}.has-user .right-tools .tool{gap:4px;padding:6px 2px;font-size:12px}.has-user .right-tools .tool svg{width:21px;height:21px}}@media (max-width:760px){.user-onboarding{padding:22px 20px}.setup-heading h1{font-size:25px}.setup-steps{gap:18px;font-size:13px}.profile-form{grid-template-columns:minmax(0,1fr) 150px;gap:0 12px}.profile-character-stage{height:185px}.profile-character-stage .user-avatar{width:148px;height:185px}.profile-character-stage.choose-character .user-avatar{width:75px;height:94px}.profile-preview>p{max-width:130px;font-size:12px}.profile-preview>strong{font-size:20px}.profile-preview .preview-english{font-size:14px}.profile-fields>label>span,.profile-gender legend span{margin:5px 0 0;display:block}.nickname-input button{padding:8px;font-size:13px}.nickname-input button svg{display:none}.nickname-input input{font-size:17px}.profile-gender label{gap:6px;padding:12px 8px}.profile-gender label>svg{display:none}.profile-form-footer>p{font-size:12px}.user-primary{padding:12px 17px;font-size:16px}.workspace.has-user{grid-template-columns:48px minmax(0,1fr) 60px;gap:5px;padding-left:6px;padding-right:6px}.has-user .right-tools{max-height:calc(100% - 100px)}.user-dock{width:62px;right:5px}.user-dock-trigger{width:62px}.user-dock-trigger .user-avatar{width:65px;height:81px}.user-name-tag{max-width:64px;padding:4px;font-size:10px}.user-editor{padding:22px 18px}.textbook-card{gap:18px;padding:15px}.textbook-card>img{width:100px;height:140px}.textbook-details strong{font-size:18px}}@media (max-width:500px){.profile-form{grid-template-columns:minmax(0,1fr)}.profile-preview{text-align:left;grid-row:1;align-items:flex-start;min-height:110px;padding:0 0 10px 120px;position:relative}.profile-character-stage{width:110px;height:110px;position:absolute;top:0;left:0}.profile-character-stage .user-avatar{width:90px;height:112px}.profile-character-stage.choose-character .user-avatar{width:55px;height:69px}.profile-character-stage:after{width:75px;bottom:5px}.preview-tag{margin:5px 0 8px;font-size:12px}.profile-preview>p{display:none}.profile-gender legend span{margin-left:8px;display:inline}.grade-grid{grid-template-columns:repeat(2,1fr)}.profile-form-footer{align-items:flex-start}.profile-form-footer>p{max-width:48%}.textbook-filters{gap:12px}.textbook-filters button{padding:9px 14px}.textbook-details strong{font-size:16px}.textbook-details>span{font-size:12px}.user-onboarding{padding:18px 15px}}@media (max-height:540px){.user-dock-trigger .user-avatar{width:52px;height:65px}.user-dock,.user-dock-trigger{width:62px}.has-user .right-tools{max-height:calc(100% - 95px)}.user-name-tag{max-width:62px}.user-dock-menu{max-height:calc(100dvh - 160px);overflow:auto}}.user-dock-trigger{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .28s cubic-bezier(.22,.75,.25,1)}.user-dock-trigger.is-dragging{cursor:grabbing;will-change:transform;transition:none}@media (prefers-reduced-motion:reduce){.user-dock-trigger{transition:none}}.learning-settings{padding:12px 0 20px}.learning-settings h3{color:#547569;margin:10px 0;font-size:16px}.learning-setting-row{cursor:pointer;border-bottom:1px solid #dce9e3;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.learning-setting-row span{gap:6px;display:grid}.learning-setting-row strong{font-size:18px}.learning-setting-row small{color:#60716b;font-size:14px}.learning-setting-row input{accent-color:#328268;cursor:pointer;flex-shrink:0;width:24px;height:24px}.learning-setting-row input:focus-visible{outline-offset:4px;outline:3px solid #247cab}.product-activation{color:#233e35;gap:16px;padding:24px 0;display:grid}.product-activation input{background:#fffdf5;border:1px solid #83998c;border-radius:14px;min-height:48px;padding:0 16px;font-size:18px}.product-activation .user-primary{color:#fff;background:#287454;min-height:48px}.product-activation input:focus-visible{outline-offset:2px;outline:3px solid #327bc1}.textbook-style-choice{color:#29483d;min-width:0}.style-choice-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.style-choice-heading h2{outline:none;margin:0;font-size:22px;font-weight:750}.textbook-style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.textbook-style-card{cursor:pointer;text-align:left;color:#29483d;background:#fff9eb;border:3px solid #c4d3bc;border-radius:18px;min-width:0;padding:8px;transition:border-color .15s,box-shadow .15s}.textbook-style-card:hover{border-color:#71836a}.textbook-style-card.is-selected{background:#fff0be;border-color:#3f7655;box-shadow:0 0 0 2px #dfedcb}.textbook-style-card>img{object-fit:contain;background:#fff;border-radius:9px;width:100%;height:clamp(140px,24vh,235px);display:block}.textbook-style-card>span{justify-content:space-between;align-items:center;gap:4px;min-height:38px;font-size:14px;font-weight:700;display:flex}.textbook-style-name{align-items:center;gap:6px;min-width:0;display:flex}.textbook-style-name .book-style-icon{object-fit:contain;flex:0 0 30px;width:30px;height:30px;display:block}.textbook-style-card>span svg{color:#3f7655;flex:none}.textbook-style-choice .profile-form-footer{z-index:1;background:#f5fbfd;margin-top:16px;padding:12px 0;position:sticky;bottom:0}.textbook-style-choice .user-primary{color:#fff;background:#3f7655;border-color:#356548;box-shadow:0 3px #2c563d}.textbook-style-choice .user-primary:hover:not(:disabled){background:#356548}@media (max-width:760px){.textbook-style-grid{gap:10px}.textbook-style-card{border-radius:12px;padding:5px}.textbook-style-card>span{font-size:12px}.setup-steps{gap:12px}}.profile-demo-character{cursor:pointer;z-index:1;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;padding:0;display:flex}.profile-demo-character:focus-visible{outline-offset:4px;outline:3px solid #45a5ba}.profile-demo-status{color:#255b71;margin:0 0 8px;font-size:14px}.profile-diy-button{color:#29483d;cursor:pointer;background:#fff9eb;border:1px solid #71836a;border-radius:14px;min-height:44px;margin:4px 0 8px;padding:8px 20px;font-weight:700}.profile-diy-button:focus-visible{outline-offset:2px;outline:3px solid #246ca3}.diy-avatar-poster{aspect-ratio:192/208;background:url(/avatars/little-potato/spritesheet.webp) 0 0/800% 900% no-repeat;width:100%;display:block}