/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#f5f3ff;--muted:#9994b7;--panel:#1e1c3be0;--line:#ffffff17;--violet:#8875ff;--violet-bright:#aa9cff;--cyan:#5fe1d4}*{box-sizing:border-box}html{background:#111024}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#111024;margin:0;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,sans-serif}button,input,select{color:inherit;font:inherit}.game-shell{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 14px max(22px, env(safe-area-inset-bottom));background:radial-gradient(circle at 14% 8%,#6757e047,#0000 30%),radial-gradient(circle at 90% 30%,#3fcbbb1f,#0000 30%),linear-gradient(#111024 0%,#15132d 100%);position:relative;overflow:clip visible}.era-backdrop,.era-scrim{pointer-events:none;position:fixed;inset:0}.era-backdrop{z-index:0;opacity:.7;filter:saturate(1.05)contrast(1.05);background-position:50%;background-size:cover;animation:.9s both era-arrive}.era-scrim{z-index:0;background:linear-gradient(#0a091b2e 0%,#0d0b1f6b 30%,#0d0b1fb8 72%,#111024 100%),radial-gradient(circle at 50% 10%,#0000 0%,#09081947 78%)}@keyframes era-arrive{0%{opacity:0;transform:scale(1.035)}to{opacity:.7;transform:scale(1)}}.ambient{z-index:1;filter:blur(80px);pointer-events:none;opacity:.28;border-radius:999px;width:180px;height:180px;position:fixed}.ambient-one{background:#7961ff;top:20%;left:-120px}.ambient-two{background:#28b8a9;bottom:12%;right:-130px}.game-card{z-index:2;width:min(100%,500px);margin:0 auto;padding-bottom:230px;position:relative}.topbar,.lab-heading,.collection-title{justify-content:space-between;align-items:center;display:flex}.topbar{padding:6px 4px 15px}.eyebrow,.section-kicker{color:var(--violet-bright);letter-spacing:.17em;margin:0 0 4px;font-size:10px;font-weight:800;line-height:1}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:30px;line-height:1}h2{letter-spacing:-.02em;margin-bottom:0;font-size:17px;line-height:1.2}.progress-count{border:1px solid var(--line);text-align:center;background:#ffffff0b;border-radius:16px;min-width:74px;padding:9px 12px}.progress-count strong{color:#fff;font-size:19px}.progress-count span{color:var(--muted);font-size:12px}.progress-track{background:#ffffff14;border-radius:999px;height:4px;margin:0 4px 18px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px #8875ffbf}.world-window{background-position:50%;background-size:cover;border:1px solid #ffffff29;border-radius:25px;align-items:flex-end;min-height:210px;margin:0 0 13px;padding:12px;animation:.52s cubic-bezier(.16,1,.3,1) reveal;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #02010e52}.world-window:after{content:"";pointer-events:none;background:linear-gradient(#07061605 12%,#09081b29 48%,#09081bc2 100%);position:absolute;inset:0}.world-shine{filter:blur(42px);background:#83e1d62e;border-radius:999px;width:130px;height:130px;position:absolute;top:-50px;right:-30px}.world-markers{z-index:1;pointer-events:none;position:absolute;inset:0 0 92px}.world-marker{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b0a1f94;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:31px;height:31px;animation:.56s cubic-bezier(.16,1,.3,1) both marker-pop;display:grid;position:absolute;box-shadow:0 8px 18px #00000038}.marker-one{top:8%;left:5%}.marker-two{top:8%;right:6%}.marker-three{top:calc(50% - 16px);left:17%}.marker-four{top:calc(50% - 16px);right:18%}.marker-five{bottom:4px;left:8%}.marker-six{bottom:4px;right:7%}@keyframes marker-pop{0%{opacity:0;transform:translateY(8px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.era-panel{z-index:1;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0e0c23b3;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:27px 42px minmax(0,1fr) 27px;align-items:center;gap:11px;width:100%;padding:11px 12px;display:grid;position:relative;box-shadow:0 12px 28px #02010e3d}.era-step-button{color:#e6e1ff;cursor:pointer;background:#8875ff1a;border:1px solid #aea3ff33;border-radius:10px;place-items:center;width:27px;height:38px;padding:0;font-size:22px;line-height:1;display:grid}.era-step-button:active:not(:disabled){transform:scale(.92)}.era-step-button:disabled{opacity:.2;cursor:default}.era-emoji{background:linear-gradient(145deg,#8875ff33,#5fe1d414);border:1px solid #aea3ff38;border-radius:14px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.era-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.era-copy .era-label{color:var(--violet-bright);letter-spacing:.15em;margin:0;font-size:8px;font-weight:900}.era-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.era-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.era-dots{grid-column:1/-1;justify-content:center;gap:3px;display:flex}.era-dots button{cursor:pointer;background:#ffffff29;border:0;border-radius:999px;width:13px;height:5px;padding:0}.era-dots button.reached{background:var(--cyan);box-shadow:0 0 7px #5fe1d4a6}.era-dots button.viewed{background:#fff;width:22px;box-shadow:0 0 9px #ffffff80}.era-dots button:disabled{opacity:.35;cursor:default}.feature-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 13px;display:grid}.feature-dock button{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#181634c7;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:64px;padding:8px 3px 7px;display:flex;position:relative}.feature-dock button:active{transform:scale(.96)}.feature-dock button>span{font-size:20px;line-height:1}.feature-dock small{color:#c8c3dd;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:750;overflow:hidden}.feature-dock b{background:var(--cyan);color:#102923;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:7px;display:grid;position:absolute;top:5px;right:5px}.laboratory,.collection{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;box-shadow:0 22px 55px #02010e42}.laboratory{padding:18px}.lab-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.hint-button{color:#f2d980;cursor:pointer;background:#ffd15614;border:1px solid #ffd66d33;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}.hint-reset{color:#9a93ad;text-align:right;flex-basis:100%;font-size:7px}.clear-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px}.mix-row{grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin:18px 0 14px;display:grid}.mix-slot-wrap{align-self:stretch;gap:6px;min-width:0;display:grid}.mix-slot-wrap .mix-slot{width:100%}.pin-first-button{min-height:27px;color:var(--muted);cursor:pointer;background:#ffffff09;border:1px solid #a89dff33;border-radius:10px;font-size:8px;font-weight:800}.pin-first-button.active{color:#ffe17a;background:#ffda691a;border-color:#ffda6966}.pin-first-button:disabled{opacity:.45;cursor:default}.mix-slot.pinned{border-color:#ffda6994;box-shadow:inset 0 0 22px #ffda6912}.swipe-helper{color:#c8c3dd9e;text-align:center;place-items:center;min-height:27px;font-size:7px;font-weight:750;display:grid}.mix-slot{min-width:0;height:108px;color:var(--muted);cursor:pointer;background:#09081b52;border:1px dashed #a89dff47;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;transition:transform .16s,border-color .16s,background .16s;display:flex}.mix-slot.filled{color:var(--ink);background:linear-gradient(145deg,#816aff2e,#4fd5c714);border-style:solid;border-color:#a697ff7a}.mix-slot:active,.element-card:active{transform:scale(.96)}.slot-emoji{filter:drop-shadow(0 8px 12px #00000040);font-size:40px;line-height:1}.slot-plus{color:#ffffff5c;border:1px solid #ffffff1c;border-radius:999px;place-items:center;width:34px;height:34px;font-size:22px;font-weight:300;display:grid}.mix-symbol{color:#ffffff59;text-align:center;font-size:21px}.game-message{min-height:19px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.game-message p{margin-bottom:0}.game-message.success{color:#9ef3d9;font-weight:700;animation:.42s cubic-bezier(.16,1,.3,1) reveal}@keyframes reveal{0%{opacity:0;transform:translateY(7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.collection{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-top:10px;padding:14px 2px 16px}.collection-title{padding:0 4px}.tested-pair-legend{color:#938da8;background:#5fe1d40b;border:1px solid #5fe1d429;border-radius:11px;align-items:center;gap:8px;margin:9px 4px 0;padding:7px 9px;display:flex}.tested-pair-legend span{color:var(--cyan);letter-spacing:.07em;background:#5fe1d424;border-radius:6px;padding:3px 6px;font-size:6px;font-weight:950}.tested-pair-legend small{font-size:7.5px;font-weight:750}.world-status-strip{width:100%;min-height:54px;top:max(6px, env(safe-area-inset-top));z-index:18;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff21;border-radius:17px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 0 10px;padding:8px 11px;display:grid;position:sticky;box-shadow:0 14px 34px #04021459}.world-status-strip>span{text-align:center;font-size:25px}.world-status-strip small,.world-status-strip strong{display:block}.world-status-strip small{color:#aaa1d4;letter-spacing:.12em;font-size:6.5px;font-weight:900}.world-status-strip strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;overflow:hidden}.world-status-strip>b{color:var(--cyan);font-size:9px}.catalog-tabs{background:#0a091d5c;border:1px solid #ffffff13;border-radius:14px;grid-template-columns:1fr 1.25fr 34px 1.35fr 34px;gap:3px;margin:12px 0 9px;padding:3px;display:grid}.catalog-tabs button{color:#85809e;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:0;min-height:32px;padding:0 7px;font-size:8px;font-weight:800}.catalog-tabs button.active{color:#e2ddff;background:#8875ff2e;box-shadow:inset 0 0 0 1px #a093ff29}.catalog-tabs button.icon{font-size:18px;font-weight:500}.collection-badge{color:#bcb1ff;background:#8875ff26;border-radius:999px;place-items:center;min-width:31px;height:26px;padding:0 9px;font-size:12px;font-weight:800;display:grid}.collection-tools{grid-template-columns:minmax(0,1fr) 120px;gap:7px;margin:0 0 9px;display:grid}.search-box{border:1px solid var(--line);height:36px;color:var(--muted);background:#08071a4d;border-radius:12px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.search-box input::placeholder{color:#77728f}.collection-tools select{border:1px solid var(--line);color:#c8c3dd;background:#1a1838;border-radius:12px;outline:0;min-width:0;padding:0 8px;font-size:9px}.hide-completed{color:var(--muted);cursor:pointer;align-items:center;gap:7px;margin:0 2px 11px;font-size:9px;display:flex}.hide-completed input{accent-color:var(--violet)}.filter-row{scrollbar-width:none;gap:7px;margin:14px -2px 13px;padding:0 2px 4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:999px;flex:none;padding:7px 11px;font-size:11px;font-weight:700}.filter-row button.active{color:#dcd7ff;background:#8875ff2e;border-color:#9a8bff61}.element-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.element-tile{content-visibility:auto;contain-intrinsic-size:auto 71px;min-width:0;position:relative}.element-card{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;min-height:71px;padding:8px 3px 7px;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.element-card *{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.element-card.selected{background:#826cff29;border-color:#9f90ffa8;box-shadow:inset 0 0 20px #836bff0f}.element-card.tested-pair:not(.selected){opacity:.56;background:#5fe1d406;border-style:dashed;border-color:#5fe1d442}.tested-label{color:var(--cyan);letter-spacing:.06em;background:#5fe1d42e;border-radius:6px;padding:3px 5px;font-size:5.5px;font-weight:950;position:absolute;top:5px;left:5px}.element-card.new{animation:.65s cubic-bezier(.16,1,.3,1) new-card}@keyframes new-card{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.07)}to{transform:scale(1)}}.element-emoji{filter:drop-shadow(0 5px 8px #00000038);font-size:25px;line-height:1}.element-name{color:#e5e1f8;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:700;overflow:hidden}.new-dot{color:#102923;letter-spacing:.06em;background:#62dbc7;border-radius:5px;padding:2px 4px;font-size:6px;font-weight:900;position:absolute;top:5px;left:5px}.rare-dot{color:#1b1533;background:linear-gradient(135deg,#ffe27b,#b68cff);border-radius:5px;padding:2px 4px;font-size:6px;font-weight:950;position:absolute;top:5px;left:5px}.favorite-dot{color:#ffe17a;font-size:8px;position:absolute;bottom:5px;left:6px}.empty-collection{color:var(--muted);text-align:center;margin:18px 0 8px;font-size:11px}.cauldron-dock{width:min(100% - 18px,500px);min-height:215px;padding:10px 10px max(9px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#1f1c40f7,#100e27fb);border:1px solid #b9adff38;border-radius:22px;grid-template-rows:minmax(25px,auto) 130px minmax(20px,auto);align-items:center;row-gap:5px;display:grid;position:fixed;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 -14px 45px #03011294,inset 0 1px #ffffff0e}.cauldron-era-badge{z-index:5;color:#eeeaff;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;background:#211d45;border:1px solid #b9adff3d;border-radius:999px;max-width:190px;padding:4px 10px;font-size:7px;font-weight:900;position:absolute;top:-12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 16px #0301126b}.cauldron-era-badge b{color:var(--cyan)}.cauldron-era-badge.shifted{left:8px;transform:none}.shake-streak-badge{z-index:6;color:#bafff8;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(#22534f,#112e2c);border:1px solid #5fe1d46b;border-radius:999px;padding:4px 8px;font-size:7px;font-weight:950;animation:.26s cubic-bezier(.16,1,.3,1) streak-pop;position:absolute;top:-12px;right:8px;box-shadow:0 5px 16px #0301126b,0 0 13px #5fe1d42e}.shake-streak-badge.cooling{color:#ffe6a8;background:linear-gradient(#5a3d1f,#2d2015);border-color:#ffca687a;box-shadow:0 5px 16px #0301126b,0 0 13px #ffca6829}@keyframes streak-pop{0%{opacity:0;transform:translateY(4px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}.cauldron-result{z-index:6;color:#a6a0bd;text-align:center;background:#110e2ae6;border:1px solid #b9adff21;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:min(100%,360px);min-height:25px;margin:0 auto;padding:4px 12px;font-size:9px;display:flex;position:relative;box-shadow:0 4px 14px #03011247}.cauldron-result p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cauldron-result.success{color:#9ef3d9;font-weight:800}.cauldron-result>span{font-size:15px}.cauldron-result>button{width:22px;height:22px;color:var(--cyan);cursor:pointer;background:#5fe1d414;border:1px solid #5fe1d433;border-radius:8px;flex:0 0 22px;padding:0}.cauldron-workbench{grid-template-columns:82px minmax(78px,1fr) 138px;align-items:center;gap:6px;height:130px;display:grid}.cauldron-first{color:#8c86a5;cursor:pointer;background:#ffffff06;border:1px dashed #a89dff3d;border-radius:15px;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:4px;min-width:0;height:54px;padding:5px 4px;display:grid;position:relative}.cauldron-first.filled{color:#f2efff;background:linear-gradient(135deg,#826cff29,#5fe1d40d);border-style:solid;border-color:#9a8bff6b}.cauldron-first.pinned{border-color:#ffda697a}.cauldron-first>span{font-size:25px;line-height:1}.cauldron-first>small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.cauldron-first>b{font-size:7px;position:absolute;top:3px;right:4px}.cauldron-center{place-items:center;height:130px;display:grid;position:relative}.cauldron-pot{--pot-edge:#8d7edf;z-index:1;background:radial-gradient(circle at 50% 10%,#5fe1d438,#0000 50%),linear-gradient(150deg,#393263,#16132e);border:2px solid #b5a5ff8a;border-top-width:3px;border-radius:11px 11px 38px 38px/9px 9px 34px 34px;place-items:center;width:92px;height:50px;transition:border-color .26s,background .26s,box-shadow .26s;display:grid;position:relative;box-shadow:0 11px 20px #00000075,inset 7px 4px 12px #ffffff12,inset -7px -5px 12px #0003}.cauldron-pot:before,.cauldron-pot:after{content:"";z-index:-1;border:4px solid var(--pot-edge);background:0 0;border-radius:50%;width:19px;height:19px;position:absolute;top:4px;box-shadow:inset 0 0 0 2px #00000038,0 3px 8px #00000052}.cauldron-pot:before{left:-14px}.cauldron-pot:after{right:-14px}.cauldron-pot>span{z-index:4;filter:drop-shadow(0 0 8px #5fe1d46b);margin-top:7px;font-size:20px;position:relative}.cauldron-pot>i{pointer-events:none;position:absolute}.cauldron-pot>.cauldron-rim{z-index:3;border:3px solid var(--pot-edge);background:radial-gradient(#5fe1d438 0 42%,#110e29 46% 67%,#ffffff29 71% 75%,#0000 77%);border-radius:50%;height:14px;top:-8px;left:1px;right:1px;box-shadow:0 4px 7px #0000006b,inset 0 2px #ffffff21}.cauldron-pot>.cauldron-era-detail{z-index:2}.cauldron-foot{z-index:-1;background:var(--pot-edge);border-radius:2px 2px 7px 7px;width:14px;height:8px;position:absolute;bottom:-5px;box-shadow:0 4px 6px #00000057}.cauldron-foot.foot-left{left:17px;transform:rotate(9deg)}.cauldron-foot.foot-right{right:17px;transform:rotate(-9deg)}.cauldron-era-primordial .cauldron-era-badge{color:#e2d4bd;background:linear-gradient(#3d382f,#24221f);border-color:#a8977c61}.cauldron-era-primordial .cauldron-pot{--pot-edge:#71695e;background:radial-gradient(circle at 22% 34%,#d8ccb42b 0 3px,#0000 4px),radial-gradient(circle at 72% 70%,#0003 0 4px,#0000 5px),linear-gradient(145deg,#81786a,#4f4a43 52%,#2f2d2a);border-width:3px 2px 4px;border-color:#a29684 #5f584e #403b35;border-radius:13px 8px 30px 23px/10px 12px 27px 24px;box-shadow:0 10px 16px #00000075,inset 5px 4px 9px #fff4da14}.cauldron-era-primordial .cauldron-pot:before,.cauldron-era-primordial .cauldron-pot:after{border-color:var(--pot-edge);background:0 0}.cauldron-era-primordial .cauldron-pot>.cauldron-era-detail{background:linear-gradient(58deg,#0000 46%,#23201db3 48% 52%,#0000 54%) 3px 2px/15px 15px no-repeat,linear-gradient(121deg,#0000 46%,#23201d8c 48% 52%,#0000 54%) 13px 11px/18px 15px no-repeat;width:35px;height:27px;top:4px;left:8px}.cauldron-era-life .cauldron-era-badge{color:#dcebc8;background:linear-gradient(#44503a,#252b22);border-color:#97b86f66}.cauldron-era-life .cauldron-pot{--pot-edge:#6f755f;background:radial-gradient(circle at 76% 62%,#6f974b6b 0 4px,#0000 5px),radial-gradient(circle at 50% 5%,#d4dcb533,#0000 46%),linear-gradient(145deg,#777b69,#4e5545 55%,#292e27);border-color:#9b9b7d #5f6655 #5f6655;box-shadow:0 9px 18px #00000070,inset 4px 3px 9px #e6ebcc1a}.cauldron-era-life .cauldron-pot:before,.cauldron-era-life .cauldron-pot:after{border-color:var(--pot-edge);background:0 0}.cauldron-era-life .cauldron-pot>.cauldron-era-detail{background:#83a45c9e;border-radius:99px;height:3px;bottom:9px;left:7px;right:7px;box-shadow:0 -11px #31452675}.cauldron-era-stone .cauldron-era-badge{color:#f2c4a3;background:linear-gradient(#68402e,#34231d);border-color:#d28b5b75}.cauldron-era-stone .cauldron-pot{--pot-edge:#9d5b40;background:radial-gradient(circle at 22% 67%,#582b1d42 0 3px,#0000 4px),radial-gradient(circle at 50% 3%,#ffcca047,#0000 42%),linear-gradient(145deg,#b96f4d,#784331 58%,#3b241e);border-color:#d69a73 #85513c #85513c;border-radius:11px 11px 27px 27px;box-shadow:0 9px 18px #00000075,inset 4px 3px 10px #ffdbb91f}.cauldron-era-stone .cauldron-pot:before,.cauldron-era-stone .cauldron-pot:after{border-color:var(--pot-edge);background:0 0}.cauldron-era-stone .cauldron-pot>.cauldron-era-detail{background:#4f291f47;border:1px solid #eba57794;width:13px;height:13px;top:11px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:inset 0 0 5px #391d1652}.cauldron-era-settlement .cauldron-era-badge{color:#f4cf9f;background:linear-gradient(#704522,#382518);border-color:#da934e6b}.cauldron-era-settlement .cauldron-pot{--pot-edge:#a66a3c;background:radial-gradient(circle at 50% 5%,#ffd29240,#0000 44%),linear-gradient(145deg,#ad7040,#694027 55%,#302119);border-color:#d9a061 #8a5731 #8a5731;box-shadow:0 9px 18px #00000080,inset 4px 3px 8px #ffdead1c}.cauldron-era-settlement .cauldron-pot:before,.cauldron-era-settlement .cauldron-pot:after{border-color:var(--pot-edge);background:0 0}.cauldron-era-settlement .cauldron-pot>.cauldron-era-detail{background:radial-gradient(circle,#d39a5e 0 1px,#0000 2px) 0 0/13px 4px;border-top:1px solid #f4be7d47;border-bottom:1px solid #00000061;height:4px;top:12px;left:3px;right:3px}.cauldron-era-machine .cauldron-era-badge{color:#bdebf1;background:linear-gradient(#34464d,#18252a);border-color:#64cddc57}.cauldron-era-machine .cauldron-pot{--pot-edge:#7d959a;background:radial-gradient(circle at 50% 3%,#a3eff233,#0000 44%),linear-gradient(145deg,#7e969b,#3e5258 54%,#17272c);border-color:#bdd1d4 #607b82 #607b82;border-radius:8px 8px 22px 22px;box-shadow:0 9px 18px #00000080,inset 4px 3px 10px #d1faf91a,0 0 16px #5fe1d41a}.cauldron-era-machine .cauldron-pot:before,.cauldron-era-machine .cauldron-pot:after{border-color:var(--pot-edge);background:0 0;width:19px}.cauldron-era-machine .cauldron-pot>.cauldron-era-detail{background:repeating-linear-gradient(90deg,#8be5e0a6 0 2px,#0000 2px 6px);border:1px solid #add9dc3d;border-radius:3px;width:27px;height:10px;bottom:7px;right:8px}.cauldron-era-digital .cauldron-era-badge{color:#dcfcff;background:linear-gradient(#314b59,#14242f);border-color:#9ef7ff85;box-shadow:0 5px 18px #4adde933}.cauldron-era-digital .cauldron-pot{--pot-edge:#d9f7fa;background:radial-gradient(circle at 50% 3%,#ffffffb3,#0000 40%),linear-gradient(145deg,#edf8f9,#8caeb7 48%,#324f5c 72%,#102d39);border-color:#efffff #a9d4dc #a9d4dc;border-radius:7px 7px 25px 25px;box-shadow:0 9px 18px #00000080,inset 4px 3px 10px #ffffff42,0 0 22px #5fe1d44d}.cauldron-era-digital .cauldron-pot:before,.cauldron-era-digital .cauldron-pot:after{border-color:var(--pot-edge);background:0 0;width:19px;box-shadow:0 0 8px #5fe1d499}.cauldron-era-digital .cauldron-pot>.cauldron-era-detail{background:#77fff2;border-radius:99px;height:3px;bottom:8px;left:10px;right:10px;box-shadow:0 0 8px #5fe1d4e6,0 -10px 0 -1px #b3faff5c}.cauldron-dock .cauldron-pot{width:126px;height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.cauldron-dock .cauldron-pot:before,.cauldron-dock .cauldron-pot:after{display:none}.cauldron-art{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 11px 12px #00000080);width:148px;height:104px;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.cauldron-dock.artifact-mastered{border-color:#ffda696b;box-shadow:0 -14px 45px #03011294,0 0 24px #5fe1d41f,inset 0 1px #fff4be1c}.cauldron-dock.artifact-mastered .cauldron-era-badge{color:#fff1bc;background:linear-gradient(135deg,#57431f,#282044);border-color:#ffda697a}.cauldron-dock.artifact-mastered .cauldron-art{filter:saturate(1.16)drop-shadow(0 11px 12px #00000080)drop-shadow(0 0 9px #ffda6957)}.cauldron-dock .cauldron-pot>span{z-index:4;filter:drop-shadow(0 0 7px #5fe1d48a);margin:0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.cauldron-steam{z-index:0;opacity:0;pointer-events:none;will-change:transform, opacity;border-left:1.5px solid #c6f1eb57;border-radius:50%;width:9px;height:28px;animation:2.8s ease-in-out infinite cauldron-steam;position:absolute;top:5px;bottom:auto}.steam-one{left:calc(50% - 14px)}.steam-two{animation-delay:1.25s;right:calc(50% - 17px)}.reaction-token{z-index:3;pointer-events:none;font-size:24px;animation:.72s cubic-bezier(.2,.85,.3,1) both ingredient-drop;position:absolute;top:-8px}.cauldron-actions{grid-template-rows:40px 25px;grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.cauldron-actions button{color:#aaa4bd;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;height:25px;padding:0;font-size:14px}.cauldron-actions .hint-action{color:#ffe7a0;background:linear-gradient(135deg,#ffd66d24,#ffffff09);border-color:#ffd66d4d;grid-column:1/-1;grid-template-rows:auto auto;place-items:center;gap:2px;height:40px;padding:4px 5px;font-weight:900;line-height:1;display:grid}.cauldron-actions .hint-action .hint-title{letter-spacing:.07em;white-space:nowrap;font-size:7px}.cauldron-actions .hint-action small{color:#fff2c2;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:6.6px;font-weight:800;display:flex}.cauldron-actions .hint-action small b{font-size:7px}.cauldron-actions .hint-action small i{opacity:.42;font-style:normal}.cauldron-actions button.active{background:#ffda6917;border-color:#ffda6959}.cauldron-actions button:disabled{opacity:.35;cursor:default}.cauldron-helper{z-index:6;color:#9a94ae;text-align:center;background:#110e2ae6;border:1px solid #b9adff1f;border-radius:999px;width:min(100%,360px);min-height:20px;margin:0 auto;padding:4px 10px;font-size:7px;font-weight:700;display:block;position:relative}.cauldron-dock.mix-success .cauldron-pot{animation:.62s cubic-bezier(.16,1,.3,1) cauldron-success}.cauldron-dock.mix-fail .cauldron-pot{animation:.38s mix-fail}.cauldron-dock.is-shaking .cauldron-pot{animation:.52s ease-in-out cauldron-shake}@keyframes ingredient-drop{0%{opacity:0;transform:translateY(-18px)scale(.7)rotate(-12deg)}55%{opacity:1;transform:translateY(27px)scale(1)rotate(8deg)}to{opacity:0;transform:translateY(35px)scale(.45)}}@keyframes cauldron-steam{0%{opacity:0;transform:translateY(10px)scale(.72)}38%{opacity:.52}to{opacity:0;transform:translate(3px,-8px)scale(1.08)}}@keyframes cauldron-success{45%{transform:scale(1.1);box-shadow:0 0 30px #5fe1d46b}}@keyframes cauldron-shake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-7px)rotate(-5deg)}36%{transform:translate(7px)rotate(5deg)}54%{transform:translate(-5px)rotate(-3deg)}72%{transform:translate(5px)rotate(3deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060514b8;justify-content:center;align-items:flex-end;padding:16px 12px 0;animation:.22s both modal-in;display:flex;position:fixed;inset:0}.feature-sheet{width:min(100%,500px);max-height:86svh;padding:18px 16px max(20px, env(safe-area-inset-bottom));background:#171531;border:1px solid #ffffff1f;border-bottom:0;border-radius:28px 28px 0 0;animation:.32s cubic-bezier(.16,1,.3,1) both sheet-up;overflow-y:auto;box-shadow:0 -28px 65px #01000c7a}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;margin:-2px 0 15px;display:flex}.sheet-header>button{border:1px solid var(--line);color:#bbb6cf;cursor:pointer;background:#ffffff0d;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1}.encyclopedia-summary{background:linear-gradient(135deg,#8875ff21,#5fe1d40d);border:1px solid #9b8cff33;border-radius:20px;margin-bottom:12px;padding:15px}.encyclopedia-summary>div:first-child{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;display:grid}.encyclopedia-summary>div>span{text-align:center;font-size:32px}.encyclopedia-summary small,.encyclopedia-summary strong{display:block}.encyclopedia-summary small{color:var(--violet-bright);letter-spacing:.12em;font-size:7px;font-weight:900}.encyclopedia-summary strong{margin-top:2px;font-size:21px}.encyclopedia-summary p{color:var(--muted);margin:2px 0 0;font-size:9px}.encyclopedia-progress{background:#ffffff12;border-radius:99px;height:4px;margin-top:11px;overflow:hidden}.encyclopedia-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;display:block}.encyclopedia-category-list{gap:8px;display:grid}.encyclopedia-category{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff07;border-radius:18px;width:100%;padding:12px}.encyclopedia-category.complete{background:#5fe1d409;border-color:#5fe1d43d}.encyclopedia-category-title{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.encyclopedia-category-title>span{text-align:center;font-size:23px}.encyclopedia-category-title strong{font-size:10px}.encyclopedia-category-title p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:7.5px;overflow:hidden}.encyclopedia-category-title>b{color:var(--cyan);font-size:9px}.encyclopedia-category-items{gap:4px;margin-top:9px;display:flex;overflow:hidden}.encyclopedia-category-items span{color:#514c67;background:#06051440;border:1px solid #ffffff0e;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.encyclopedia-category-items span.known{font-size:14px}.encyclopedia-category-footer{color:#8f89a6;justify-content:space-between;margin-top:7px;font-size:7.5px;display:flex}.encyclopedia-category-footer b{color:var(--violet-bright);font-size:13px}.encyclopedia-back{border:1px solid var(--line);color:#b9b3cc;cursor:pointer;background:#ffffff09;border-radius:11px;margin:-4px 0 10px;padding:7px 10px;font-size:9px}.encyclopedia-category-hero{background:#8875ff12;border:1px solid #9b8cff2e;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:11px;padding:14px;display:grid}.encyclopedia-category-hero>span{text-align:center;font-size:32px}.encyclopedia-category-hero small{color:var(--cyan);font-size:8px;font-weight:850}.encyclopedia-category-hero h3{margin:2px 0;font-size:16px}.encyclopedia-category-hero p{color:var(--muted);margin:0;font-size:8px}.encyclopedia-element-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.encyclopedia-element-grid button{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:70px;padding:7px 3px;display:flex}.encyclopedia-element-grid button.unknown{color:#575269;cursor:default}.encyclopedia-element-grid span{font-size:24px}.encyclopedia-element-grid small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7.5px;font-weight:700;overflow:hidden}.encyclopedia-picker{scrollbar-width:none;gap:6px;margin:0 -2px 14px;padding:2px 2px 7px;display:flex;overflow-x:auto}.encyclopedia-picker::-webkit-scrollbar{display:none}.encyclopedia-picker button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:12px;flex:0 0 38px;width:38px;height:38px;font-size:19px}.encyclopedia-picker button.active{background:#8875ff2e;border-color:#9788ff9e}.encyclopedia-card,.artifact-card{border:1px solid var(--line);background:#ffffff09;border-radius:22px}.encyclopedia-card{padding:16px}.encyclopedia-hero{grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:11px;display:grid}.encyclopedia-hero>span{background:linear-gradient(145deg,#8875ff33,#5fe1d414);border-radius:18px;place-items:center;width:56px;height:56px;font-size:31px;display:grid}.encyclopedia-hero small{color:var(--violet-bright);text-transform:uppercase;font-size:8px;font-weight:850}.encyclopedia-hero h3{margin:2px 0 0;font-size:20px}.encyclopedia-hero .favorite{border:1px solid var(--line);color:#69647e;cursor:pointer;background:#ffffff0a;border-radius:12px;width:34px;height:34px}.encyclopedia-hero .favorite.active{color:#ffe17a;background:#ffdb631a}.encyclopedia-card>p{color:#bbb6cf;margin:15px 0;font-size:12px;line-height:1.55}.first-discovery-banner{color:#f2dc8e;background:#ffda6912;border:1px solid #ffda6938;border-radius:13px;margin:0 0 13px;padding:10px 11px;font-size:10px;font-weight:750}.recipe-block{background:#08071a52;border-radius:15px;padding:12px}.recipe-block strong{color:#dcd8ee;font-size:10px}.recipe-block p{color:#aaa4c1;margin:6px 0 0;font-size:11px}.uses-row{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:10px;display:flex}.uses-row strong{color:var(--cyan);font-size:14px}.mission-list,.artifact-list{flex-direction:column;gap:9px;display:flex}.mission-card{border:1px solid var(--line);background:#ffffff09;border-radius:17px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.mission-card.done{border-color:#5fe1d438}.mission-check{color:var(--muted);text-align:center;font-size:20px}.mission-card.done .mission-check{color:var(--cyan)}.mission-card strong{font-size:12px}.mission-card p{color:var(--muted);margin:3px 0 7px;font-size:9px}.mission-card>small{color:#aaa4c1;font-size:9px}.mission-card>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:10px;max-width:108px;padding:7px 8px;font-size:7.5px;font-weight:850;line-height:1.25}.mission-card>button:disabled{color:#8b859f;cursor:default;background:#ffffff0f}.mission-progress{background:#ffffff14;border-radius:999px;height:3px;overflow:hidden}.mission-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;display:block}.artifact-card{padding:14px}.artifact-card.created{border-color:#5fe1d43d}.artifact-card.mystery{background:#7060bf0b;border-style:dashed}.artifact-intro{background:linear-gradient(135deg,#7e6af01f,#5fe1d40a);border:1px solid #a797ff2e;border-radius:17px;padding:13px 14px}.artifact-intro strong{font-size:12px}.artifact-intro p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.45}.artifact-era-group{background:#09081d3d;border:1px solid #b9adff21;border-radius:20px;padding:11px}.artifact-era-group.complete{border-color:#ffda6947}.artifact-era-group .artifact-card+.artifact-card{margin-top:8px}.artifact-era-head,.artifact-era-head>div{align-items:center;display:flex}.artifact-era-head{justify-content:space-between;gap:8px;margin-bottom:9px}.artifact-era-head>div{gap:8px;min-width:0}.artifact-era-head>div>span{font-size:21px}.artifact-era-head strong,.artifact-era-head small{display:block}.artifact-era-head strong{font-size:11px}.artifact-era-head small{color:var(--muted);margin-top:2px;font-size:7px}.artifact-era-head>b{color:#c9c3dc;white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:5px 7px;font-size:7px}.artifact-era-group.complete .artifact-era-head>b{color:#ffe59b;background:#ffda691a}.artifact-set-bonus{background:#ffda690b;border:1px solid #ffda6929;border-radius:13px;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:9px;padding:9px 10px;display:grid}.artifact-set-bonus>span{text-align:center;font-size:19px}.artifact-set-bonus small,.artifact-set-bonus strong{display:block}.artifact-set-bonus small{color:#cdb76f;letter-spacing:.1em;font-size:6.5px;font-weight:900}.artifact-set-bonus strong{color:#f3df9f;margin-top:2px;font-size:9px}.artifact-title{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.artifact-title>span{text-align:center;font-size:28px}.artifact-title strong{font-size:13px}.artifact-title p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.35}.artifact-reward{background:#ffda690e;border:1px solid #ffda692e;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;margin:12px 0;padding:10px 11px;display:grid}.artifact-reward>span{text-align:center;font-size:22px}.artifact-reward small{color:#d3b863;letter-spacing:.12em;font-size:7px;font-weight:900;display:block}.artifact-reward strong{color:#f1dc91;margin-top:2px;font-size:10px;display:block}.artifact-status{color:#918ba8;background:#ffffff09;border:1px solid #b9adff1a;border-radius:12px;place-items:center;width:100%;min-height:34px;font-size:9px;font-weight:800;display:grid}.artifact-status.found{color:#9ef3d9;background:#5fe1d412;border-color:#5fe1d42e}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.achievement-card{border:1px solid var(--line);color:#66617a;text-align:center;filter:grayscale();background:#ffffff06;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;padding:14px 11px;display:flex}.achievement-card.unlocked{color:var(--ink);filter:none;background:linear-gradient(145deg,#8875ff21,#5fe1d40d);border-color:#8f80ff4d}.achievement-card>span{font-size:30px}.achievement-card strong{margin-top:7px;font-size:11px}.achievement-card p{color:var(--muted);margin:5px 0;font-size:8.5px;line-height:1.35}.achievement-card small{color:#77728f;text-transform:uppercase;letter-spacing:.1em;margin-top:auto;font-size:7px}.achievement-card.unlocked small{color:var(--cyan)}.achievement-card>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:10px;width:100%;min-height:30px;margin-top:9px;font-size:8px;font-weight:850}.achievement-card>button:disabled{color:#77728f;cursor:default;background:#ffffff0f}.topbar-actions{align-items:center;gap:6px;display:flex}.round-action{border:1px solid var(--line);cursor:pointer;background:#ffffff0b;border-radius:12px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.language-action{letter-spacing:.04em;font-size:9px;font-weight:900}.player-strip{justify-content:space-between;align-items:center;gap:8px;margin:-7px 4px 12px;display:flex}.player-strip>button{color:#d8d3eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0;font-size:10px;display:flex}.player-strip small{color:var(--muted);font-size:8px}.essence-counter{color:#f5dc8a;background:#ffdc7812;border:1px solid #ffdc782e;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}.feature-dock{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-dock small{font-size:7.2px}.game-message>button{width:27px;height:27px;color:var(--cyan);cursor:pointer;background:#5fe1d414;border:1px solid #5fe1d433;border-radius:9px;flex:0 0 27px;place-items:center;display:grid}.laboratory.mix-success .mix-slot.filled{animation:.62s cubic-bezier(.16,1,.3,1) mix-success}.laboratory.mix-fail .mix-slot.filled{animation:.38s mix-fail}@keyframes mix-success{0%{transform:scale(1);box-shadow:0 0 #5fe1d400}45%{transform:scale(1.055);box-shadow:0 0 30px #5fe1d447}to{transform:scale(1);box-shadow:0 0 #5fe1d400}}@keyframes mix-fail{25%{border-color:#ff718a80;transform:translate(-5px)}55%{transform:translate(5px)}to{transform:translate(0)}}.streak-hero{background:linear-gradient(135deg,#ffaa3c1f,#8875ff14);border:1px solid #ffcf5e2e;border-radius:19px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding:14px;display:grid}.streak-hero>span{text-align:center;font-size:32px}.streak-hero small{color:#f1c76f;letter-spacing:.13em;font-size:7px;font-weight:900}.streak-hero strong{margin:2px 0;font-size:17px;display:block}.streak-hero p{color:var(--muted);margin:0;font-size:8.5px;line-height:1.35}.streak-hero b{color:#ffe087;font-size:12px}.daily-list .mission-card>button{min-width:68px}.daily-list .mission-card>button:disabled{color:#77728f;cursor:default;background:#ffffff0f}.invite-button{color:#dcd7ff;cursor:pointer;background:#8875ff1a;border:1px solid #8b7dff47;border-radius:15px;width:100%;min-height:44px;margin-top:12px;font-size:11px;font-weight:800}.tutorial-backdrop,.era-celebration-backdrop{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070614d1;place-items:center;padding:20px;animation:.26s both modal-in;display:grid;position:fixed;inset:0}.tutorial-card{text-align:center;background:linear-gradient(155deg,#242047,#15132e);border:1px solid #a597ff47;border-radius:28px;width:min(100%,390px);padding:28px 23px 20px;animation:.36s cubic-bezier(.16,1,.3,1) both sheet-up;box-shadow:0 35px 90px #00000080}.tutorial-icon{background:linear-gradient(145deg,#8875ff47,#5fe1d41f);border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 16px;font-size:42px;display:grid}.tutorial-card h2{font-size:24px}.tutorial-card>p:not(.section-kicker){color:#bbb6cf;margin:12px 0 20px;font-size:12px;line-height:1.55}.tutorial-card>button:not(.skip-tutorial){color:#fff;cursor:pointer;background:linear-gradient(135deg,#8372ff,#48cbb9);border:0;border-radius:16px;width:100%;min-height:48px;font-weight:850}.tutorial-card .skip-tutorial{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:9px;font-size:10px}.success-card .tutorial-icon{background:#5fe1d41f}.tutorial-coach{z-index:35;width:min(100% - 24px,470px);min-height:66px;left:50%;bottom:max(12px, env(safe-area-inset-bottom));background:#1c1937f5;border:1px solid #ffe17a4d;border-radius:20px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 55px #0000007a}.tutorial-coach>span{text-align:center;font-size:28px}.tutorial-coach strong{color:#ffe187;font-size:9px}.tutorial-coach p{margin:3px 0 0;font-size:11px}.tutorial-coach button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:8px}.era-celebration{scrollbar-width:none;background-size:cover;border:1px solid #fff3;border-radius:30px;width:min(100%,430px);max-height:calc(100dvh - 24px);padding:18px;animation:.4s cubic-bezier(.16,1,.3,1) both sheet-up;position:relative;overflow:hidden auto;box-shadow:0 35px 95px #00000094}.era-celebration::-webkit-scrollbar{display:none}.era-celebration-head{text-align:left;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;display:grid}.era-celebration-emoji{filter:drop-shadow(0 8px 14px #00000073);background:#0c0a1f94;border:1px solid #ffffff29;border-radius:17px;place-items:center;width:50px;height:50px;font-size:29px;display:grid}.era-celebration-head .section-kicker{margin:0 0 3px}.era-celebration h2{margin:0;font-size:25px;line-height:1.05}.era-transition-cauldron{background:radial-gradient(circle at 50% 35%,#8975ff33,#0a081ca8 68%);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:166px;margin-top:12px;padding:4px 8px 10px;display:flex;position:relative;overflow:hidden}.era-transition-cauldron img{z-index:2;object-fit:contain;filter:drop-shadow(0 13px 14px #0000008c);width:178px;height:118px;animation:.7s cubic-bezier(.16,1,.3,1) both era-cauldron-arrive;position:relative}.era-transition-cauldron small,.era-transition-cauldron strong{z-index:3;text-align:center;display:block;position:relative}.era-transition-cauldron small{color:#d8cb8b;letter-spacing:.16em;font-size:6px;font-weight:950}.era-transition-cauldron strong{margin-top:2px;font-size:10px}.era-steam{z-index:1;filter:blur(1px);border-left:3px solid #eaf7ff47;border-radius:50%;width:22px;height:52px;animation:2.8s ease-in-out infinite era-steam-rise;position:absolute;top:14px;left:calc(50% - 19px)}.era-steam-two{animation-delay:-1.35s;left:calc(50% + 11px)}.era-arrival-copy{color:#d4cfe2;text-align:center;margin:11px 2px;font-size:10px;line-height:1.45}.era-unlock-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.era-unlock-grid>div{background:#0c0a1f9e;border:1px solid #ffffff1a;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:27px minmax(0,1fr);align-items:center;column-gap:7px;min-width:0;padding:9px;display:grid}.era-unlock-grid span{text-align:center;grid-row:1/3;font-size:20px}.era-unlock-grid strong{font-size:15px;line-height:1}.era-unlock-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6.5px;overflow:hidden}.era-objective-card,.era-reward{border-radius:15px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;margin-top:8px;padding:10px 12px;display:grid}.era-objective-card{background:#12323494;border:1px solid #5fe1d433}.era-objective-card>span,.era-reward>span{text-align:center;font-size:20px}.era-objective-card small,.era-objective-card strong,.era-reward small,.era-reward strong{display:block}.era-objective-card small,.era-reward small{letter-spacing:.14em;font-size:6px;font-weight:950}.era-objective-card small{color:#83dfd2}.era-objective-card strong{margin-top:2px;font-size:10px}.era-reward{background:#45371485;border:1px solid #ffe17a33;margin-bottom:11px}.era-reward small{color:#d7bd65}.era-reward strong{color:#ffe187;margin-top:2px;font-size:10px}.era-celebration>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:16px;width:100%;min-height:48px;font-weight:850}@keyframes era-cauldron-arrive{0%{opacity:0;transform:translateY(18px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes era-steam-rise{0%,to{opacity:0;transform:translateY(17px)scale(.8)}35%{opacity:.55}75%{opacity:0;transform:translateY(-15px)scale(1.12)}}@media (height<=650px){.era-celebration{border-radius:24px;padding:14px}.era-transition-cauldron{min-height:132px}.era-transition-cauldron img{width:148px;height:88px}.era-arrival-copy{margin:8px 2px;font-size:9px}.era-objective-card,.era-reward{padding:8px 10px}}.streak-compact{color:#f3c472!important;background:#ffb14e12!important;border:1px solid #ffb14e2e!important;border-radius:999px!important;padding:5px 8px!important;font-size:9px!important}.featured-event{text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffb24c1f,#8875ff1f);border:1px solid #ffd66f33;border-radius:17px;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:9px;width:calc(100% - 8px);min-height:54px;margin:-2px 4px 12px;padding:8px 11px;display:grid}.featured-event>span{text-align:center;font-size:25px}.featured-event strong{font-size:10px;display:block}.featured-event small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;display:block;overflow:hidden}.featured-event>b{color:#f0d884;font-size:20px}.social-dock{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0c228f;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:-5px 0 13px;padding:5px;display:grid}.social-dock button{color:#c8c3dd;cursor:pointer;background:#ffffff09;border:0;border-radius:11px;justify-content:center;align-items:center;gap:5px;min-height:39px;display:flex;position:relative}.social-dock button>span{font-size:15px}.social-dock small{font-size:7.5px;font-weight:750}.social-dock b{color:#302400;background:#ffe17a;border-radius:999px;place-items:center;width:14px;height:14px;font-size:7px;display:grid;position:absolute;top:2px;right:3px}.friends-content{flex-direction:column;gap:10px;display:flex}.friend-visit-hero{background:linear-gradient(145deg,#5fe1d41f,#8875ff17);border:1px solid #5fe1d43d;border-radius:22px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.friend-visit-hero>span{background:#ffffff0f;border-radius:19px;place-items:center;width:58px;height:58px;font-size:31px;display:grid}.friend-visit-hero small{color:var(--cyan);letter-spacing:.12em;font-size:7px;font-weight:900}.friend-visit-hero h3{margin:3px 0 4px;font-size:17px}.friend-visit-hero p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.friend-list{gap:9px;display:grid}.friend-empty{text-align:center;background:#8875ff0b;border:1px dashed #9788ff3d;border-radius:18px;place-items:center;gap:7px;padding:24px 18px;display:grid}.friend-empty>span{font-size:32px}.friend-empty strong{font-size:13px}.friend-empty p{max-width:310px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.friend-card{background:linear-gradient(145deg,#ffffff0a,#5fe1d406);border:1px solid #ffffff14;border-radius:18px;padding:12px}.friend-card-head{grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;display:grid}.friend-card-head>span{background:#ffffff0e;border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.friend-card-head strong,.friend-card-head small{display:block}.friend-card-head strong{font-size:11px}.friend-card-head small{color:var(--muted);margin-top:3px;font-size:7px}.friend-card-head>b{text-align:center;font-size:12px}.friend-card-head>b.ready{color:var(--cyan)}.friend-card-head>b.waiting{color:#d8bd69}.friend-recipe-inline{background:#ffda6909;border:1px solid #ffda6926;border-radius:14px;margin:10px 0;padding:9px}.friend-recipe-inline .friend-formula{margin:0 0 8px}.friend-recipe-inline>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:11px;width:100%;min-height:34px;font-size:8px;font-weight:850}.friend-recipe-inline>button:disabled{color:#77728f;cursor:default;background:#ffffff0f}.friend-recipe-card{background:linear-gradient(145deg,#ffda6914,#8875ff0f);border:1px solid #ffda6933;border-radius:19px;padding:14px}.friend-recipe-owner{grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:9px;display:grid}.friend-recipe-owner>span{text-align:center;font-size:23px}.friend-recipe-owner small,.friend-recipe-owner strong{display:block}.friend-recipe-owner small{color:#d8bd69;letter-spacing:.1em;font-size:6.5px;font-weight:900}.friend-recipe-owner strong{margin-top:2px;font-size:11px}.friend-recipe-owner>b{color:var(--cyan);text-align:center;font-size:14px}.friend-formula{justify-content:center;align-items:center;gap:6px;margin:13px 0;display:flex}.friend-formula span{border:1px solid var(--line);color:#d9d4e9;text-align:center;background:#08071a52;border-radius:12px;place-items:center;min-height:35px;padding:7px 9px;font-size:8px;display:grid}.friend-formula i{color:var(--muted);font-size:11px;font-style:normal}.friend-formula .mystery{color:#ffe17a;min-width:35px;font-size:16px;font-weight:900}.friend-recipe-card>button,.visit-friend-button{color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;min-height:43px;font-weight:850}.friend-recipe-card>button{background:linear-gradient(135deg,#826ff6,#45c2b2);font-size:9px}.friend-recipe-card>button:disabled{color:#77728f;cursor:default;background:#ffffff0f}.visit-friend-button{text-align:left;background:linear-gradient(135deg,#745ee8,#2da897);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px 13px;display:grid}.visit-friend-button>span{text-align:center;font-size:23px}.visit-friend-button strong,.visit-friend-button small{display:block}.visit-friend-button strong{font-size:10px}.visit-friend-button small{color:#ffffffb3;margin-top:2px;font-size:7.5px}.visit-friend-button:disabled{color:#8a849d;cursor:default;background:#ffffff0e}.friend-rules{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;display:grid}.friend-rules>span{text-align:center;font-size:18px}.friend-rules p{color:var(--muted);margin:0;font-size:8px;line-height:1.4}.element-card.secret{background:linear-gradient(145deg,#5b379547,#ffc45417);border-color:#ffd36957;box-shadow:inset 0 0 24px #bc6dff14}.secret-dot{color:#25172c;letter-spacing:.06em;background:linear-gradient(135deg,#c07aff,#ffd66d);border-radius:5px;padding:2px 4px;font-size:5px;font-weight:950;position:absolute;top:6px;right:6px}.profile-hero{background:linear-gradient(145deg,#8875ff2b,#5fe1d40f);border:1px solid #9384ff40;border-radius:22px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.profile-hero>span{background:#ffffff0f;border-radius:19px;place-items:center;width:58px;height:58px;font-size:31px;display:grid}.profile-hero small{color:var(--violet-bright);letter-spacing:.12em;font-size:7px;font-weight:900}.profile-hero h3{margin:3px 0 1px;font-size:20px}.profile-hero p{color:var(--muted);margin:0;font-size:9px}.profile-hero>b{color:#ffe17a;font-size:14px}.level-card{border:1px solid var(--line);background:#ffffff09;border-radius:17px;margin-top:10px;padding:13px}.level-card>div:first-child{justify-content:space-between;font-size:9px;display:flex}.level-track{background:#ffffff14;border-radius:999px;height:6px;margin:9px 0 7px;overflow:hidden}.level-track i{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;display:block}.level-card small{color:var(--muted);font-size:8px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.profile-stats div{border:1px solid var(--line);text-align:center;background:#ffffff06;border-radius:14px;padding:11px 4px}.profile-stats strong{font-size:15px;display:block}.profile-stats span{color:var(--muted);margin-top:3px;font-size:6.5px;display:block}.spark-economy-card{background:#ffda690e;border:1px solid #ffda693d;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:grid}.spark-economy-card>span{text-align:center;font-size:22px}.spark-economy-card strong,.spark-economy-card small{display:block}.spark-economy-card strong{font-size:10px}.spark-economy-card p{color:var(--muted);margin:3px 0 5px;font-size:7.5px;line-height:1.4}.spark-economy-card small{color:#e2c979;font-size:7px}.spark-economy-card>b{color:#ffe58a;white-space:nowrap;font-size:11px}.reminder-toggle{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff09;border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:52px;padding:9px 12px;display:grid}.reminder-toggle.active{background:#5fe1d412;border-color:#5fe1d44d}.reminder-toggle>span{text-align:center;font-size:21px}.reminder-toggle strong,.reminder-toggle small{display:block}.reminder-toggle strong{font-size:10px}.reminder-toggle small{color:var(--muted);margin-top:2px;font-size:8px}.settings-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.settings-grid .reminder-toggle{grid-template-columns:28px minmax(0,1fr);min-width:0;padding:8px}.settings-grid .reminder-toggle>span{font-size:18px}.cloud-save-status{background:#8875ff0f;border:1px solid #8875ff33;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:grid}.cloud-save-status>span{text-align:center;font-size:17px}.cloud-save-status strong,.cloud-save-status small{display:block}.cloud-save-status strong{font-size:9px}.cloud-save-status small{color:var(--muted);margin-top:2px;font-size:7.5px}.admin-link{color:#8e88a6;text-align:center;margin-top:10px;font-size:9px;text-decoration:none;display:block}.week-banner,.rank-hero{background:linear-gradient(135deg,#8875ff21,#5fe1d40d);border:1px solid #8875ff33;border-radius:18px;align-items:center;gap:10px;margin-bottom:11px;padding:13px;display:grid}.week-banner{grid-template-columns:42px minmax(0,1fr)}.week-banner>span{text-align:center;font-size:28px}.week-banner strong{font-size:12px}.week-banner p{color:var(--muted);margin:3px 0 0;font-size:8px}.collection-set-list{flex-direction:column;gap:9px;display:flex}.collection-set{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:13px}.collection-set.complete{background:#5fe1d40b;border-color:#5fe1d447}.collection-set-title{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.collection-set-title>span{text-align:center;font-size:26px}.collection-set-title strong{font-size:11px}.collection-set-title p{color:var(--muted);margin:3px 0 0;font-size:8px}.collection-set-title b{color:var(--cyan);font-size:10px}.collection-set-items{flex-wrap:wrap;gap:5px;margin:11px 0;display:flex}.collection-set-items span{border:1px solid var(--line);color:#5f5a74;background:#08071a52;border-radius:10px;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.collection-set-items span.known{color:#fff;border-color:#8f80ff40;font-size:16px}.collection-set>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:11px;width:100%;min-height:35px;font-size:9px;font-weight:800}.collection-set>button:disabled{color:#77728f;cursor:default;background:#ffffff0e}.rank-hero{grid-template-columns:48px minmax(0,1fr) auto}.rank-hero>span{text-align:center;font-size:33px}.rank-hero small{color:var(--violet-bright);letter-spacing:.12em;font-size:7px;font-weight:900;display:block}.rank-hero strong{margin-top:2px;font-size:22px;display:block}.rank-hero p{color:#ffe17a;margin:0;font-size:12px;font-weight:800}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.leaderboard-list article{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;display:grid}.leaderboard-list article.current{background:#5fe1d411;border-color:#5fe1d44d}.leaderboard-list article>b{text-align:center;font-size:14px}.leaderboard-list strong,.leaderboard-list span{display:block}.leaderboard-list strong{font-size:10px}.leaderboard-list span{color:var(--muted);margin-top:2px;font-size:7.5px}.leaderboard-list article>small{color:#cfc9e6;font-size:8px}.leaderboard-loading{color:var(--muted);text-align:center;font-size:10px}.admin-login,.admin-shell{background:radial-gradient(circle at 20% 0,#6b56e840,#0000 30%),#111024;min-height:100svh;padding:24px}.admin-login{place-items:center;display:grid}.admin-login section{border:1px solid var(--line);text-align:center;background:#1e1c3beb;border-radius:28px;width:min(100%,420px);padding:30px;box-shadow:0 30px 90px #0000006b}.admin-login section>span{font-size:48px}.admin-login h1{margin:8px 0 12px;font-size:28px}.admin-login section>p:not(.section-kicker){color:var(--muted);font-size:12px;line-height:1.5}.admin-login input{border:1px solid var(--line);background:#171531;border-radius:14px;outline:0;width:100%;height:46px;margin-top:8px;padding:0 14px}.admin-login button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:14px;width:100%;height:46px;margin-top:9px;font-weight:800}.admin-login small{color:#ff8fa2;margin-top:9px;display:block}.admin-login a{color:var(--muted);margin-top:16px;font-size:10px;text-decoration:none;display:block}.admin-shell{color:var(--ink)}.admin-shell>header{justify-content:space-between;align-items:center;width:min(100%,1100px);margin:0 auto 22px;display:flex}.admin-shell>header h1{font-size:29px}.admin-shell>header a{border:1px solid var(--line);color:#d8d3e9;border-radius:12px;padding:10px 13px;font-size:10px;text-decoration:none}.admin-stats,.admin-grid,.admin-card{width:min(100%,1100px);margin-left:auto;margin-right:auto}.admin-stats{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.admin-stats article{border:1px solid var(--line);text-align:center;background:#1e1c3bd9;border-radius:18px;padding:16px 10px}.admin-stats span{font-size:22px;display:block}.admin-stats strong{margin:6px 0 3px;font-size:21px;display:block}.admin-stats small{color:var(--muted);font-size:7.5px}.admin-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.admin-card{border:1px solid var(--line);background:#1e1c3be0;border-radius:22px;padding:18px}.admin-grid .admin-card{width:100%;margin:0}.admin-card-title{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:14px;display:grid}.admin-card-title>span{text-align:center;font-size:27px}.admin-card-title h2{font-size:16px}.admin-card-title p{color:var(--muted);margin:3px 0 0;font-size:8px}.admin-card input,.admin-card select,.admin-card textarea{border:1px solid var(--line);color:#e9e5f8;background:#171531;border-radius:12px;outline:0;width:100%;min-height:42px;margin-bottom:8px;padding:10px 12px;font-size:10px}.admin-card textarea{resize:vertical;min-height:75px}.admin-form-row{grid-template-columns:1fr 2fr;gap:8px;display:grid}.admin-form-row input,.admin-form-row select{margin-bottom:8px}.admin-card>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#826ff6,#45c2b2);border:0;border-radius:12px;min-height:42px;padding:0 15px;font-size:10px;font-weight:800}.content-manager{margin-top:14px}.content-manager>article{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 130px auto;align-items:center;gap:9px;padding:9px 0;display:grid}.content-manager>article>span{text-align:center;font-size:23px}.content-manager strong,.content-manager small{display:block}.content-manager strong{font-size:10px}.content-manager small{color:var(--muted);margin-top:2px;font-size:7.5px}.content-manager code{color:#a9a2c1;font-size:8px}.content-manager article button{border:1px solid var(--line);color:#c8c3dd;cursor:pointer;background:#ffffff0a;border-radius:9px;padding:7px 9px;font-size:8px}.admin-empty{color:var(--muted);text-align:center;font-size:10px}.admin-error{color:#ff9eb0;background:#ff648212;border:1px solid #ff648233;border-radius:12px;width:min(100%,1100px);margin:12px auto;padding:11px;font-size:10px}.game-shell[data-visibility=paused] *,.game-shell[data-visibility=paused] :before,.game-shell[data-visibility=paused] :after{animation-play-state:paused!important}.game-shell[data-performance=balanced] .ambient{opacity:.18;filter:blur(48px)}.game-shell[data-performance=balanced] .era-backdrop{filter:none}.game-shell[data-performance=balanced] .world-shine{filter:blur(28px)}.game-shell[data-performance=balanced] .world-marker,.game-shell[data-performance=balanced] .era-panel,.game-shell[data-performance=balanced] .feature-dock button,.game-shell[data-performance=balanced] .laboratory,.game-shell[data-performance=balanced] .collection,.game-shell[data-performance=balanced] .world-status-strip,.game-shell[data-performance=balanced] .social-dock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-shell[data-performance=balanced] .cauldron-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-shell[data-performance=balanced] .modal-backdrop,.game-shell[data-performance=balanced] .tutorial-backdrop,.game-shell[data-performance=balanced] .era-celebration-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-shell[data-performance=low] .ambient,.game-shell[data-performance=low] .world-shine,.game-shell[data-performance=low] .cauldron-steam.steam-two,.game-shell[data-performance=low] .era-steam-two{display:none}.game-shell[data-performance=low] .era-backdrop{filter:none;animation:none}.game-shell[data-performance=low] .world-marker,.game-shell[data-performance=low] .era-panel,.game-shell[data-performance=low] .feature-dock button,.game-shell[data-performance=low] .laboratory,.game-shell[data-performance=low] .collection,.game-shell[data-performance=low] .world-status-strip,.game-shell[data-performance=low] .social-dock,.game-shell[data-performance=low] .cauldron-dock,.game-shell[data-performance=low] .modal-backdrop,.game-shell[data-performance=low] .tutorial-backdrop,.game-shell[data-performance=low] .era-celebration-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.game-shell[data-performance=low] .world-window,.game-shell[data-performance=low] .laboratory,.game-shell[data-performance=low] .collection,.game-shell[data-performance=low] .feature-sheet,.game-shell[data-performance=low] .tutorial-card,.game-shell[data-performance=low] .era-celebration{box-shadow:0 12px 28px #02010e47}.game-shell[data-performance=low] .cauldron-dock{box-shadow:0 -8px 24px #03011275,inset 0 1px #ffffff0d}.game-shell[data-performance=low] .world-marker{animation-duration:.28s}.game-shell[data-performance=low] .cauldron-steam,.game-shell[data-performance=low] .era-steam{filter:none;animation-duration:4.2s}.game-shell[data-performance=low] .cauldron-art,.game-shell[data-performance=low] .era-transition-cauldron img{filter:drop-shadow(0 7px 8px #0000006b)}.game-shell[data-performance=low] .element-card.new{animation-duration:.36s}.game-shell[data-performance=low] .cauldron-dock.mix-success .cauldron-pot{animation:.36s cubic-bezier(.16,1,.3,1) cauldron-success-lite}@keyframes cauldron-success-lite{45%{transform:scale(1.075)}}@media (width>=700px){.game-shell{padding-top:36px;padding-bottom:36px}.laboratory,.collection{border-radius:30px}}@media (width<=355px){.game-shell{padding-left:9px;padding-right:9px}.laboratory{padding:15px}.mix-slot{height:96px}.element-grid{gap:6px}.element-card{min-height:67px}.collection-tools{grid-template-columns:minmax(0,1fr) 105px}.feature-dock small{font-size:7px}.world-window{min-height:172px}.world-markers{bottom:74px}.world-marker{border-radius:11px;width:29px;height:29px}.era-panel{grid-template-columns:23px 38px minmax(0,1fr) 23px;gap:6px;padding:9px 8px}.era-step-button{width:23px;height:34px}.era-emoji{width:38px;height:38px}.era-dots{display:none}.cauldron-era-badge{max-width:158px}.cauldron-workbench{grid-template-columns:68px minmax(76px,1fr) 124px;gap:5px}.cauldron-first{grid-template-columns:27px minmax(0,1fr)}.cauldron-first>span{font-size:22px}.cauldron-actions{gap:3px}.cauldron-actions .hint-action small{gap:3px;font-size:6px}.cauldron-actions .hint-action small b{font-size:6.4px}}@media (width<=800px){.admin-login,.admin-shell{padding:16px 12px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-shell>header{align-items:flex-start}.admin-shell>header h1{font-size:23px}.content-manager>article{grid-template-columns:32px minmax(0,1fr) auto}.content-manager code{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.cauldron-result.hint-result{width:100%;min-height:50px;padding:7px 14px;color:#fff;background:linear-gradient(135deg,#42337bd9,#173e52d9);border:1px solid #79eadb75;border-radius:16px;font-size:clamp(13px,3.45vw,16px);font-weight:850;line-height:1.35;letter-spacing:.015em;box-shadow:0 6px 22px #0301126b,inset 0 0 22px #6d5dff1c,0 0 18px #4fe0d31a;text-shadow:0 1px 10px #ffffff2e;animation:.34s cubic-bezier(.16,1,.3,1) hint-result-reveal}.cauldron-result.hint-result p{width:100%;text-overflow:clip;white-space:pre-line;overflow:visible}.cauldron-result.hint-result p::first-line{color:#89f5e8;letter-spacing:.14em;font-size:9px;font-weight:950}.game-shell[data-performance=low] .cauldron-result.hint-result{animation:none;box-shadow:0 5px 14px #03011252,inset 0 0 12px #6d5dff12}@keyframes hint-result-reveal{0%{opacity:.55;transform:translateY(-3px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.cauldron-result.hint-result{animation:none}}
.era-copy .era-period{display:block;color:#e3c98f;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:7.5px;font-weight:800;line-height:1.15}


/* v53: подсказка обязана быть читаемой, а цена и таймер видны до нажатия. */
.cauldron-actions {
  grid-template-rows: minmax(52px, auto) 25px;
  row-gap: 6px;
}
.cauldron-actions .hint-action {
  grid-template-rows: auto auto auto;
  min-height: 52px;
  height: auto;
  padding: 5px 7px;
}
.cauldron-actions .hint-action .hint-title {
  font-size: 8.5px;
}
.cauldron-actions .hint-action small {
  gap: 5px;
  font-size: 8px;
}
.cauldron-actions .hint-action small b {
  font-size: 8.5px;
}
.cauldron-actions .hint-action .hint-reset {
  color: #d9d2ad;
  white-space: nowrap;
  font-size: 6.8px;
  font-weight: 750;
  line-height: 1.1;
}
.cauldron-result.hint-result {
  width: 100%;
  min-height: 62px;
  padding: 8px 14px;
  font-size: clamp(13px, 3.55vw, 16px);
}
@media (max-width: 355px) {
  .cauldron-actions .hint-action .hint-title { font-size: 7.6px; }
  .cauldron-actions .hint-action small { font-size: 7px; }
  .cauldron-actions .hint-action small b { font-size: 7.4px; }
  .cauldron-actions .hint-action .hint-reset { font-size: 6.1px; }
}

/* Ранее отклонённые Недавние и Избранное не занимают главный каталог. */
.catalog-tabs {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) 34px;
}
.catalog-tabs > button:nth-child(2),
.catalog-tabs > button:nth-child(3) {
  display: none;
}
.settings-grid .shake-setting{grid-column:1/-1}.shake-setting>span{display:grid;place-items:center;min-width:34px;font-size:18px}
.world-window[class*="research-stage-"]:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 16%,rgba(119,255,226,.44),transparent 42%),linear-gradient(120deg,rgba(141,113,255,.12),transparent 58%);position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.world-window.research-stage-1:before{opacity:.07}.world-window.research-stage-2:before{opacity:.12}.world-window.research-stage-3:before{opacity:.17}.world-window.research-stage-4:before{opacity:.22}.world-window.research-stage-5:before{opacity:.28}
.world-window.research-stage-3,.world-window.research-stage-4,.world-window.research-stage-5{border-color:rgba(123,229,218,.3)}
.era-research-card{background:linear-gradient(145deg,rgba(30,27,65,.96),rgba(13,12,34,.96));border:1px solid rgba(157,143,255,.25);border-radius:21px;margin:0 0 13px;padding:13px;box-shadow:0 15px 34px rgba(2,1,14,.34)}
.era-research-card header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}
.era-research-card header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(136,117,255,.16);font-size:20px}
.era-research-card header small,.era-research-card header strong{display:block}.era-research-card header small{color:var(--violet-bright);font-size:6.5px;font-weight:900;letter-spacing:.12em}.era-research-card header strong{font-size:11px;margin-top:2px}.era-research-card header>b{color:#ffe58a;background:rgba(255,218,105,.09);border:1px solid rgba(255,218,105,.24);border-radius:999px;padding:6px 8px;font-size:7px;white-space:nowrap}
.era-research-nodes{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 2px 11px;position:relative}.era-research-nodes:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:2px;background:rgba(255,255,255,.08);transform:translateY(-50%)}.era-research-nodes span{z-index:1;display:grid;place-items:center}.era-research-nodes i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#17152f;border:1px solid rgba(255,255,255,.12);color:#726d87;font-size:6px;font-style:normal;font-weight:900}.era-research-nodes span.done i{color:#102923;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px rgba(95,225,212,.38)}.era-research-nodes span.active i{color:#fff;background:var(--violet);border-color:#bdb4ff;box-shadow:0 0 0 4px rgba(136,117,255,.13)}
.era-research-current{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;align-items:center;background:rgba(255,255,255,.045);border-radius:14px;padding:10px}.era-research-current>span{font-size:25px;text-align:center}.era-research-current small,.era-research-current strong{display:block}.era-research-current small{color:#8e86ac;font-size:6px;font-weight:900;letter-spacing:.12em}.era-research-current strong{font-size:11px;margin-top:2px}.era-research-current p{color:var(--muted);font-size:8px;line-height:1.35;margin:3px 0 0}
.era-research-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:9px 2px}.era-research-progress>span{height:5px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.era-research-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .35s ease}.era-research-progress small{color:#bcb6d1;font-size:7px;font-weight:800}
.era-research-card>button{width:100%;min-height:38px;border:0;border-radius:12px;background:linear-gradient(135deg,#806af0,#3cafa2);color:#fff;font-size:9px;font-weight:850;cursor:pointer}.era-research-card>button:disabled{color:#77728f;background:rgba(255,255,255,.07);cursor:default}.era-research-final{color:#c9c3dc;text-align:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:9px;font-size:8px;font-weight:800}.era-research-final.complete{color:#9ef3d9;background:rgba(95,225,212,.08);border-color:rgba(95,225,212,.25)}
.game-shell[data-performance=low] .era-research-card{box-shadow:none}.game-shell[data-performance=low] .world-window[class*="research-stage-"]:before{transition:none}
@media(width<=355px){.era-research-card{padding:11px}.era-research-card header{grid-template-columns:31px minmax(0,1fr) auto;gap:7px}.era-research-card header>span{width:31px;height:31px;font-size:18px}.era-research-card header>b{padding:5px 6px;font-size:6.2px}.era-research-current{grid-template-columns:32px minmax(0,1fr);padding:9px}.era-research-current>span{font-size:22px}}

.world-evolution{z-index:1;pointer-events:none;position:absolute;inset:0 0 86px;overflow:hidden}.world-landmark{position:absolute;width:58px;height:58px;color:#bdb4ff;opacity:.055;transform:translateY(9px) scale(.88);transition:opacity .55s ease,transform .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 9px 13px rgba(0,0,0,.42))}.world-landmark.revealed{opacity:.82;transform:translateY(0) scale(1)}.world-landmark.latest{animation:v66-landmark-arrive .8s cubic-bezier(.16,1,.3,1) both}.world-landmark.landmark-1{left:1%;bottom:-2px;color:#77e3d5}.world-landmark.landmark-2{right:1%;bottom:0;color:#ffe08a}.world-landmark.landmark-3{left:26%;bottom:-10px;color:#9f92ff}.world-landmark.landmark-4{right:25%;bottom:-8px;color:#ffa779}.world-landmark.landmark-5{width:68px;height:68px;left:50%;top:-5px;color:#f2ecff;transform:translate(-50%,9px) scale(.88)}.world-landmark.landmark-5.revealed{transform:translate(-50%,0) scale(1)}@keyframes v66-landmark-arrive{0%{opacity:0;filter:drop-shadow(0 0 0 transparent);transform:translateY(14px) scale(.72)}55%{opacity:1;filter:drop-shadow(0 0 17px currentColor);transform:translateY(-3px) scale(1.08)}to{opacity:.82;filter:drop-shadow(0 9px 13px rgba(0,0,0,.42));transform:translateY(0) scale(1)}}.world-landmark.landmark-5.latest{animation-name:v66-landmark-five-arrive}@keyframes v66-landmark-five-arrive{0%{opacity:0;transform:translate(-50%,14px) scale(.72)}55%{opacity:1;transform:translate(-50%,-3px) scale(1.08)}to{opacity:.82;transform:translate(-50%,0) scale(1)}}.world-markers{z-index:2}.era-panel{z-index:3}.world-window:after{z-index:0}.world-window.research-history .world-landmark{opacity:.76}.game-shell[data-performance=low] .world-landmark{transition:none;filter:none}.game-shell[data-performance=low] .world-landmark.latest{animation:none}.game-shell[data-performance=low] .world-landmark.revealed{opacity:.7}@media(width<=355px){.world-landmark{width:51px;height:51px}.world-landmark.landmark-3{left:24%}.world-landmark.landmark-4{right:23%}.world-landmark.landmark-5{width:59px;height:59px}}

.world-markers{inset:7px 8px auto;height:25px;display:flex;align-items:center;justify-content:space-between;gap:4px}.world-marker{position:static;flex:0 0 auto;width:24px;height:24px;border-radius:9px;font-size:13px}.world-landmark.landmark-5{top:31px}@media(width<=355px){.world-markers{inset-inline:6px}.world-marker{width:22px;height:22px;font-size:12px}.world-landmark.landmark-5{top:29px}}


/* v67 — lightweight phone-shake ritual */
.v67-shake-flight{position:fixed;z-index:47;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#27234edb,#111027e8);border:1px solid #bdb4ff45;box-shadow:0 7px 18px #03011280;color:#fff;font-size:24px;line-height:1;pointer-events:none;will-change:transform,opacity;animation:v67-ingredient-flight 1.18s cubic-bezier(.18,.72,.22,1) var(--v67-delay,0ms) both}.v67-shake-flight.is-reagent{width:42px;height:42px;border:2px solid #76f2df;box-shadow:0 0 0 4px #76f2df22,0 0 22px #5fe1d477,0 9px 22px #03011299;font-size:27px}.v67-shake-flight.is-low{box-shadow:0 6px 13px #03011270;filter:none}@keyframes v67-ingredient-flight{0%{opacity:0;transform:translate3d(0,0,0) scale(.55) rotate(0)}14%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0)}72%{opacity:1;transform:translate3d(var(--v67-mid-x),var(--v67-mid-y),0) scale(.92) rotate(var(--v67-mid-spin))}100%{opacity:0;transform:translate3d(var(--v67-dx),var(--v67-dy),0) scale(.3) rotate(var(--v67-spin))}}
.v67-shake-hud{position:fixed;z-index:46;left:50%;bottom:calc(236px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),440px);padding:10px 12px 9px;transform:translate(-50%,12px) scale(.96);opacity:0;pointer-events:none;color:#d7d2eb;background:linear-gradient(135deg,#17142eef,#0c0b21f5);border:1px solid #9488e947;border-radius:17px;box-shadow:0 12px 34px #030112a6;transition:opacity .18s ease,transform .24s cubic-bezier(.16,1,.3,1)}.v67-shake-hud.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}.v67-shake-hud-head{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px}.v67-shake-hud-icon{font-size:19px}.v67-shake-hud-title{color:#fff;font-size:12px;letter-spacing:.025em}.v67-shake-hud-time{color:#79eadb;font-size:12px;font-variant-numeric:tabular-nums}.v67-shake-hud-copy{margin:4px 0 7px;color:#aaa4c0;font-size:10px;font-weight:700;line-height:1.3}.v67-shake-hud-track{height:4px;overflow:hidden;border-radius:99px;background:#ffffff12}.v67-shake-hud-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8e7cff,#5fe1d4,#ffe078);box-shadow:0 0 10px #5fe1d477;transition:width .26s ease}.v67-shake-hud.stage-2{border-color:#62cbd85c}.v67-shake-hud.stage-3{border-color:#72e5d487;box-shadow:0 12px 34px #030112a6,0 0 20px #5fe1d426}.v67-shake-hud.stage-4{border-color:#ffe07891;box-shadow:0 12px 34px #030112a6,0 0 25px #ffe0782e}.v67-shake-hud.is-paused{z-index:49;background:linear-gradient(135deg,#2d2049f7,#121029fb);border-color:#ffce6f99;animation:v67-hud-nudge 1.35s ease-in-out infinite}.v67-shake-hud.is-paused .v67-shake-hud-copy{color:#fff0bf;font-size:11px}.v67-shake-hud.is-finish{z-index:49}.v67-shake-hud.is-finish.success{border-color:#70ead596;background:linear-gradient(135deg,#153d3af7,#11102afb)}.v67-shake-hud.is-finish.fail,.v67-shake-hud.is-finish.empty{border-color:#ffbc7191;background:linear-gradient(135deg,#40271ff7,#141027fb)}@keyframes v67-hud-nudge{50%{transform:translate(-50%,-3px) scale(1.015)}}
.cauldron-dock.ritual-active .cauldron-art{animation:v67-cauldron-brew .72s ease-in-out}.cauldron-dock[data-ritual-stage="3"] .cauldron-steam,.cauldron-dock[data-ritual-stage="4"] .cauldron-steam{opacity:.55;animation-duration:1.45s}.cauldron-dock[data-ritual-stage="4"] .cauldron-art{filter:saturate(1.13) drop-shadow(0 11px 12px #00000080) drop-shadow(0 0 13px #ffe07852)}.cauldron-dock.ritual-success{border-color:#6ce8d094;box-shadow:0 -14px 45px #03011294,0 0 32px #5fe1d452,inset 0 1px #ffffff18}.cauldron-dock.ritual-fail .cauldron-art{animation:.4s mix-fail}@keyframes v67-cauldron-brew{0%,100%{transform:translate(-50%,-50%) rotate(0)}22%{transform:translate(calc(-50% - 5px),calc(-50% + 1px)) rotate(-2.4deg)}48%{transform:translate(calc(-50% + 5px),calc(-50% - 1px)) rotate(2.4deg)}72%{transform:translate(calc(-50% - 3px),-50%) rotate(-1.3deg)}}
.game-shell[data-performance=low] .cauldron-dock[data-ritual-stage="4"] .cauldron-art{filter:drop-shadow(0 9px 9px #00000070)}.game-shell[data-performance=low] .cauldron-dock.ritual-active .cauldron-art{animation-duration:.46s}html[data-elementum-performance=low] .v67-shake-hud{box-shadow:0 10px 24px #03011294}.v67-shake-flight.is-low{animation-duration:.82s}
@media(width<=360px){.v67-shake-hud{bottom:calc(234px + env(safe-area-inset-bottom));width:calc(100% - 16px);padding:8px 10px}.v67-shake-hud-title,.v67-shake-hud-time{font-size:11px}.v67-shake-hud-copy{font-size:9px}}
@media(prefers-reduced-motion:reduce){.v67-shake-flight{animation-duration:.55s}.v67-shake-hud,.v67-shake-hud.is-paused{transition:none;animation:none}.cauldron-dock.ritual-active .cauldron-art{animation:none}}

/* v73: show more of each premium era scene inside the era card. */
.world-window{min-height:250px}
@media (width<=355px){.world-window{min-height:220px}}

/* v74: destructive profile reset with typed confirmation. */
.profile-reset-zone{background:linear-gradient(145deg,rgba(82,20,31,.62),rgba(31,11,21,.74));border:1px solid rgba(255,105,126,.34);border-radius:18px;margin-top:14px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.profile-reset-head{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px}
.profile-reset-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,91,115,.13);font-size:20px}
.profile-reset-head strong,.profile-reset-head small{display:block}
.profile-reset-head strong{color:#ffd8de;font-size:10.5px}
.profile-reset-head small{color:#c99ba5;margin-top:2px;font-size:7px;line-height:1.3}
.profile-reset-trigger{width:100%;min-height:39px;margin-top:10px;border:1px solid rgba(255,112,132,.34);border-radius:12px;background:rgba(190,45,66,.16);color:#ffb7c2;font-size:8.5px;font-weight:850;cursor:pointer}
.profile-reset-confirm{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,130,148,.16)}
.profile-reset-confirm p{margin:0 0 10px;color:#e6bdc4;font-size:8px;line-height:1.45}
.profile-reset-confirm label{display:block;margin:0 0 6px;color:#ffb7c2;font-size:7px;font-weight:850;letter-spacing:.04em}
.profile-reset-confirm input{width:100%;height:43px;border:1px solid rgba(255,115,137,.4);border-radius:12px;outline:none;background:rgba(10,7,18,.66);color:#fff;padding:0 12px;font:inherit;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.profile-reset-confirm input:focus{border-color:#ff7188;box-shadow:0 0 0 3px rgba(255,86,113,.12)}
.profile-reset-confirm input::placeholder{color:#7e5660}
.profile-reset-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:9px}
.profile-reset-actions button{min-height:39px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#d8ced1;font-size:8px;font-weight:850;cursor:pointer}
.profile-reset-actions button.danger{border-color:rgba(255,86,113,.44);background:linear-gradient(135deg,#b52e46,#761d31);color:#fff}
.profile-reset-actions button:disabled{opacity:.34;cursor:default}

/* v77: mutual friend wave and automatic recipe exchange */
.friend-wave-box{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(92,229,222,.24);border-radius:15px;background:linear-gradient(135deg,rgba(38,165,166,.13),rgba(111,78,205,.12));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.friend-wave-box>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(92,229,222,.13);font-size:18px}
.friend-wave-box strong{display:block;color:#f3efff;font-size:10px;line-height:1.25}
.friend-wave-box p{margin:4px 0 0;color:#afa8c8;font-size:8px;line-height:1.45}
.wave-friend-button{width:100%;min-height:44px;margin-top:8px;border:1px solid rgba(92,229,222,.38);border-radius:14px;background:linear-gradient(135deg,#237f91,#5146b8);color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 9px 24px rgba(33,119,144,.2)}
.wave-friend-button:active{transform:translateY(1px)}

/* v78: living world, era chains, daily riddles, rare paths and social reactions */
.world-reactions{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}
.world-reactions:before,.world-reactions:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.world-has-sun .world-reactions:before{opacity:.62;background:radial-gradient(circle at 78% 14%,rgba(255,224,128,.7) 0,rgba(255,190,70,.17) 17%,transparent 39%)}
.world-has-life .world-reactions:after{opacity:.7;background:linear-gradient(0deg,rgba(39,145,82,.32),transparent 46%)}
.world-has-rain .world-reactions{background-image:repeating-linear-gradient(105deg,transparent 0 12px,rgba(196,229,255,.2) 13px 14px,transparent 15px 27px);background-size:180% 180%;animation:v78-rain 2.8s linear infinite}
.world-has-city .world-reactions:after{opacity:.72;background:radial-gradient(circle at 20% 77%,rgba(255,220,114,.82) 0 1px,transparent 2px),radial-gradient(circle at 38% 69%,rgba(255,185,91,.72) 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 74%,rgba(255,227,137,.8) 0 1px,transparent 2px),radial-gradient(circle at 82% 67%,rgba(255,191,83,.75) 0 1.5px,transparent 2.5px);background-size:38px 31px,47px 36px,55px 33px,61px 42px}
.world-has-electricity .world-reactions{box-shadow:inset 0 0 42px rgba(99,229,255,.22);animation:v78-electric 4.6s ease-in-out infinite}
@keyframes v78-rain{to{background-position:-140px 180px}}
@keyframes v78-electric{0%,88%,100%{filter:none}90%{filter:brightness(1.2)}92%{filter:none}94%{filter:brightness(1.12)}}

.era-objective-card{margin:-2px 0 13px;padding:12px;border:1px solid rgba(145,129,255,.26);border-radius:18px;background:linear-gradient(145deg,rgba(32,28,68,.93),rgba(21,47,62,.9));box-shadow:0 14px 30px rgba(3,2,18,.25)}
.era-objective-card.complete{border-color:rgba(95,225,212,.43);background:linear-gradient(145deg,rgba(22,73,69,.83),rgba(37,30,78,.9))}
.era-objective-card header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}
.era-objective-card header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(136,117,255,.15);font-size:18px}
.era-objective-card header small,.era-objective-card header strong{display:block}.era-objective-card header small{color:var(--violet-bright);letter-spacing:.12em;font-size:7px;font-weight:900}.era-objective-card header strong{margin-top:3px;font-size:11px}.era-objective-card header>b{color:var(--cyan);font-size:10px}
.era-objective-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}.era-objective-steps span{min-width:0;padding:7px 6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#8e88a6;background:rgba(255,255,255,.035);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:7.5px;font-weight:800}.era-objective-steps span.done{color:#dffff9;border-color:rgba(95,225,212,.35);background:rgba(95,225,212,.1)}
.era-objective-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.era-objective-card footer span{color:var(--muted);font-size:7.5px}.era-objective-card footer strong{color:#ffe17a;font-size:9px}

.daily-riddle-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:11px;padding:13px;border:1px solid rgba(255,208,96,.28);border-radius:18px;background:linear-gradient(135deg,rgba(132,82,20,.23),rgba(79,54,153,.19))}.daily-riddle-card.solved{border-color:rgba(95,225,212,.4);background:linear-gradient(135deg,rgba(33,124,111,.21),rgba(79,54,153,.17))}.daily-riddle-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.08);font-size:22px}.daily-riddle-card small{display:block;color:#ffd66d;letter-spacing:.12em;font-size:7px;font-weight:900}.daily-riddle-card strong{display:block;margin-top:4px;font-size:10px;line-height:1.35}.daily-riddle-card p{margin:4px 0 0;color:var(--muted);font-size:7.5px;line-height:1.4}.daily-riddle-card>b{color:#ffe17a;font-size:10px}

.friend-theft-alert{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(255,199,88,.35);border-radius:17px;background:linear-gradient(135deg,rgba(127,76,23,.23),rgba(95,58,163,.2))}.friend-theft-alert>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.08);font-size:21px}.friend-theft-alert strong{display:block;font-size:10.5px}.friend-theft-alert p{margin:4px 0 9px;color:#d8d0e9;font-size:8px}.friend-theft-alert div>div{display:grid;grid-template-columns:1.35fr .65fr;gap:6px}.friend-theft-alert button{min-height:35px;border:0;border-radius:10px;background:linear-gradient(135deg,#826ff6,#45c2b2);color:#fff;font-size:7.5px;font-weight:850;cursor:pointer}.friend-theft-alert button.quiet{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#c8c3dd}.friend-theft-alert button:disabled{opacity:.45}
.friend-world-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:9px 0}.friend-world-stats span{min-width:0;padding:6px 4px;border-radius:9px;background:rgba(255,255,255,.045);color:#bdb7d2;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:6.8px;font-weight:800}.friend-world-stats span:first-child{grid-column:span 2;text-align:left;padding-left:7px}

.achievement-content{display:grid;gap:10px}.rare-path-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid rgba(255,210,91,.28);border-radius:17px;background:linear-gradient(135deg,rgba(140,91,21,.18),rgba(91,65,176,.16))}.rare-path-summary>span{font-size:25px;text-align:center}.rare-path-summary strong{font-size:10.5px}.rare-path-summary p{margin:3px 0 0;color:var(--muted);font-size:7.5px;line-height:1.4}.rare-path-summary>b{color:#ffe17a;font-size:10px}

.game-shell[data-performance=low] .world-has-rain .world-reactions,.game-shell[data-performance=low] .world-has-electricity .world-reactions{animation:none}.game-shell[data-performance=low] .world-reactions{opacity:.72}
@media(width<=355px){.era-objective-steps{gap:3px}.era-objective-steps span{padding:6px 3px;font-size:6.5px}.friend-theft-alert div>div{grid-template-columns:1fr}.friend-world-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-world-stats span:first-child{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.world-reactions{animation:none!important}}

/* v85: the most recently tossed ingredient lands in the cauldron and stays visible after a failed mix. */
.reaction-token{animation-name:v85-ingredient-land}
@keyframes v85-ingredient-land{0%{opacity:0;transform:translateY(-18px) scale(.7) rotate(-12deg)}55%{opacity:1;transform:translateY(27px) scale(1) rotate(8deg)}to{opacity:1;transform:translateY(27px) scale(1) rotate(0)}}

/* v85: scroll-safe selection and readable element lore. */
.element-hold-guide{grid-column:1/-1;margin:0 1px 3px;color:#c9c1e8;font-size:11px;line-height:1.35;text-align:center;letter-spacing:.01em}
.element-card{-webkit-tap-highlight-color:transparent}
.element-lore{padding:13px 14px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff08}
.element-lore>strong{display:block;margin-bottom:6px;color:#f1edff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.element-lore>p{margin:0;color:#ddd7f2;line-height:1.55}
.element-whisper{margin-top:10px;padding:0 14px;border:1px solid #68e4d34a;border-radius:15px;background:linear-gradient(135deg,#5fe1d414,#9c84ff12)}
.element-whisper summary{cursor:pointer;padding:13px 0;color:#8cf0e1;font-weight:800;list-style:none}
.element-whisper summary::-webkit-details-marker{display:none}
.element-whisper summary:after{content:"+";float:right;color:#bbaaff;font-size:18px;line-height:16px}
.element-whisper[open] summary:after{content:"−"}
.element-whisper p{margin:0 0 8px;color:#eeeaff;line-height:1.5}
.element-whisper small{display:block;padding:0 0 13px;color:#aaa2c8;line-height:1.4}

/* v85: long press opens a compact summary over the laboratory. */
.quick-element-backdrop{z-index:65;position:fixed;inset:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:#050412c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.2s both modal-in}
.quick-element-summary{position:relative;width:min(100%,420px);max-height:82svh;overflow-y:auto;padding:22px 18px 18px;border:1px solid #ffffff24;border-radius:26px;background:linear-gradient(155deg,#252046,#15132d 65%);box-shadow:0 28px 80px #000a,0 0 40px #7d66dc24;animation:.28s cubic-bezier(.16,1,.3,1) both v85-summary-in}
.quick-element-close{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:1px solid #ffffff1f;border-radius:50%;background:#ffffff0b;color:#f3efff;font-size:24px;line-height:1}
.quick-element-hero{display:flex;align-items:center;gap:14px;padding-right:42px}
.quick-element-hero>span{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border:1px solid #8deede4a;border-radius:20px;background:radial-gradient(circle at 35% 25%,#ffffff22,#5fe1d411);font-size:38px;filter:drop-shadow(0 5px 9px #0007)}
.quick-element-hero small{color:#8cebdd;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.quick-element-hero h3{margin:3px 0 2px;color:#f5f1ff;font-size:24px;line-height:1.1}
.quick-element-hero p{margin:0;color:#aaa2c9;font-size:12px}
.quick-element-description{margin-top:16px;padding:14px;border:1px solid #ffffff12;border-radius:17px;background:#ffffff08}
.quick-element-description strong{display:block;margin-bottom:7px;color:#f1edff;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.quick-element-description p{margin:0;color:#ddd7f2;line-height:1.55}
.quick-element-whisper{margin-top:10px}
.quick-element-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.quick-element-actions button{min-height:46px;padding:9px 12px;border-radius:14px;font-weight:800}
.quick-element-actions .secondary{border:1px solid #ffffff1c;background:#ffffff0b;color:#d9d2f2}
.quick-element-actions .primary{border:1px solid #8b7de05c;background:linear-gradient(135deg,#7662d8,#4dbfaf);color:#fff}
@keyframes v85-summary-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:380px){.quick-element-actions{grid-template-columns:1fr}.quick-element-summary{padding-left:14px;padding-right:14px}}

/* v86: real full-scene evolution for Farming and Settlements */
.world-window.living-world{background-color:#17172a;transition:border-color .45s ease,box-shadow .45s ease}
.world-window.living-world .era-copy>span{color:#f0d694;font-weight:850}
.world-window[class*="living-iceage-stage-"] .era-copy>span{color:#bfeaff}
.world-window.living-iceage-stage-2{border-color:rgba(153,216,242,.34)}
.world-window.living-iceage-stage-3{border-color:rgba(150,195,224,.42);box-shadow:0 22px 52px rgba(11,38,62,.38)}
.world-window.living-iceage-stage-4{border-color:rgba(255,190,111,.48);box-shadow:0 22px 58px rgba(45,50,74,.42)}
.world-window[class*="living-stone-stage-"] .era-copy>span{color:#ffd49c}
.world-window.living-stone-stage-2{border-color:rgba(246,163,90,.36)}
.world-window.living-stone-stage-3{border-color:rgba(237,140,76,.43);box-shadow:0 22px 52px rgba(70,35,14,.38)}
.world-window.living-stone-stage-4{border-color:rgba(255,181,101,.52);box-shadow:0 22px 58px rgba(75,36,13,.43)}
.world-window.living-farming-stage-2{border-color:rgba(224,189,103,.34)}
.world-window.living-farming-stage-3{border-color:rgba(118,218,190,.4);box-shadow:0 22px 52px rgba(10,44,37,.34)}
.world-window.living-farming-stage-4{border-color:rgba(255,204,111,.5);box-shadow:0 22px 58px rgba(84,51,13,.38)}
.world-window.living-world .world-reactions:after{mix-blend-mode:soft-light}

/* v88: a larger era canvas so discovery-driven scene changes remain readable. */
.world-window{width:calc(100% + 12px);min-height:340px;margin-left:-6px;margin-right:-6px;padding:13px;border-radius:28px;background-repeat:no-repeat}
.world-window.living-world:after{background:linear-gradient(180deg,rgba(7,6,22,0) 22%,rgba(9,8,27,.08) 60%,rgba(9,8,27,.58) 100%)}
.world-window.living-world .world-evolution,.world-window.living-world .world-markers{display:none}
.world-window.living-world .era-panel{gap:8px;padding:9px 10px;background:rgba(14,12,35,.68)}
@media(width<=355px){.world-window{width:calc(100% + 8px);min-height:300px;margin-left:-4px;margin-right:-4px;padding:10px;border-radius:25px}.world-window.living-world .era-panel{padding:8px}}


/* v89: living Ancient Egypt and Classical Antiquity */
.world-window[class*="living-egypt-stage-"] .era-copy>span{color:#ffd38b}
.world-window.living-egypt-stage-1{border-color:rgba(230,178,93,.34)}
.world-window.living-egypt-stage-2{border-color:rgba(245,180,74,.42);box-shadow:0 22px 52px rgba(67,39,10,.34)}
.world-window.living-egypt-stage-3{border-color:rgba(244,154,64,.46);box-shadow:0 22px 56px rgba(74,37,8,.4)}
.world-window.living-egypt-stage-4{border-color:rgba(255,202,92,.56);box-shadow:0 22px 62px rgba(92,45,6,.46)}
.world-window[class*="living-antiquity-stage-"] .era-copy>span{color:#dce7ff}
.world-window.living-antiquity-stage-1{border-color:rgba(179,194,224,.35)}
.world-window.living-antiquity-stage-2{border-color:rgba(216,201,166,.42);box-shadow:0 22px 52px rgba(28,36,53,.35)}
.world-window.living-antiquity-stage-3{border-color:rgba(225,188,128,.5);box-shadow:0 22px 58px rgba(59,39,17,.4)}
.world-window.living-antiquity-stage-4{border-color:rgba(189,127,78,.48);box-shadow:0 22px 62px rgba(43,23,16,.48)}


/* v90: replay-safe tutorial, strong contained target and visible profile reset */
.element-card.tutorial-target{
  z-index:22;
  isolation:isolate;
  overflow:hidden;
  border:2px solid #ffe36e;
  background:linear-gradient(145deg,rgba(255,219,87,.34),rgba(123,99,255,.35));
  animation:v90-tutorial-target 1s ease-in-out infinite;
  box-shadow:inset 0 0 0 3px rgba(255,243,177,.32),inset 0 0 28px rgba(255,218,82,.26),0 0 0 1px rgba(255,225,105,.52);
}
.element-card.tutorial-target:before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:3px;
  z-index:3;
  border:2px solid rgba(255,248,203,.9);
  border-radius:10px;
  animation:v90-tutorial-ring 1s ease-in-out infinite;
}
.element-card.tutorial-target:after{
  content:"☝";
  pointer-events:none;
  position:absolute;
  top:3px;
  right:5px;
  z-index:4;
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#2b1d00;
  background:#ffe36e;
  font-size:14px;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.32);
  animation:v90-tutorial-cue .72s ease-in-out infinite alternate;
}
.element-card.tutorial-target .element-emoji,.element-card.tutorial-target .element-name{position:relative;z-index:2}
@keyframes v90-tutorial-target{50%{filter:brightness(1.3) saturate(1.22);border-color:#fff4ad;box-shadow:inset 0 0 0 4px rgba(255,248,203,.48),inset 0 0 34px rgba(255,218,82,.42),0 0 0 1px rgba(255,235,139,.75)}}
@keyframes v90-tutorial-ring{50%{opacity:.3}}
@keyframes v90-tutorial-cue{to{opacity:.58}}
.tutorial-coach{
  z-index:55;
  bottom:max(234px,calc(env(safe-area-inset-bottom) + 224px));
  background:linear-gradient(145deg,rgba(52,44,104,.99),rgba(25,22,56,.99));
  border:2px solid #ffe36e;
  box-shadow:0 16px 48px rgba(0,0,0,.72),inset 0 0 24px rgba(255,224,105,.1);
}
.tutorial-coach strong{color:#fff4ad;font-size:11px}
.tutorial-coach p{color:#fff;font-size:10px;font-weight:750}
.profile-content{display:flex;flex-direction:column}
.profile-content>.profile-hero{order:1}
.profile-content>.level-card{order:2}
.profile-content>.profile-stats{order:3}
.profile-content>.profile-reset-zone{order:4}
.profile-content>.reminder-toggle{order:5}
.profile-content>.settings-grid{order:6}
.profile-content>.cloud-save-status{order:7}
.profile-content>.invite-button{order:8}
.profile-content>.admin-link{order:9}
.profile-reset-zone{
  margin:10px 0 5px;
  padding:14px;
  border:2px solid rgba(255,105,126,.64);
  background:linear-gradient(145deg,rgba(112,25,43,.82),rgba(42,12,25,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(14,2,8,.3);
}
.profile-reset-head>span{font-size:25px}
.profile-reset-head strong{color:#fff;font-size:12px}
.profile-reset-head small{color:#f3c5cd;font-size:9px}
.profile-reset-trigger{min-height:48px;font-size:10px;background:rgba(225,55,83,.25);border-color:rgba(255,131,149,.58)}
@media(max-height:650px){.tutorial-coach{bottom:max(222px,calc(env(safe-area-inset-bottom) + 214px));min-height:58px;padding:8px 10px}}


/* v91: Telegram Stars shop */
.essence-counter.essence-shop-button{border:1px solid rgba(255,220,92,.42);cursor:pointer;background:linear-gradient(145deg,rgba(255,215,67,.19),rgba(135,105,255,.18));color:#fff0a7;min-height:34px;padding:0 11px;font-weight:900;box-shadow:inset 0 0 16px rgba(255,222,92,.08)}
.essence-counter.essence-shop-button:active{transform:scale(.96)}
.spark-shop-content{display:grid;gap:12px;padding-bottom:8px}
.spark-shop-hero{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:16px;border:1px solid rgba(255,224,105,.36);border-radius:22px;background:radial-gradient(circle at 10% 10%,rgba(255,225,92,.21),transparent 45%),linear-gradient(145deg,rgba(91,68,180,.62),rgba(25,22,58,.9));box-shadow:0 16px 34px rgba(3,1,18,.32)}
.spark-shop-hero>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,218,74,.16);font-size:34px;box-shadow:inset 0 0 20px rgba(255,220,83,.14)}
.spark-shop-hero small{display:block;color:#ffe98d;font-size:8px;font-weight:950;letter-spacing:.13em}
.spark-shop-hero strong{display:block;margin:3px 0;color:#fff;font-size:22px}
.spark-shop-hero p{margin:0;color:#c8c1e2;font-size:9px;line-height:1.45}
.spark-package-list{display:grid;gap:9px}
.spark-package{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:79px;padding:13px 14px;border:1px solid rgba(174,157,255,.28);border-radius:19px;background:linear-gradient(145deg,rgba(73,58,139,.64),rgba(24,21,52,.92));text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.spark-package.featured{border-color:rgba(255,222,97,.64);background:linear-gradient(145deg,rgba(116,84,174,.78),rgba(47,34,85,.94));box-shadow:0 0 0 2px rgba(255,219,83,.08),inset 0 0 24px rgba(255,215,69,.08)}
.spark-package>b{position:absolute;top:7px;right:9px;border-radius:999px;padding:3px 7px;background:rgba(255,223,93,.16);color:#ffe98d;font-size:6px;letter-spacing:.09em}
.spark-package div strong{display:block;color:#fff;font-size:19px}
.spark-package div small{color:#aaa3c7;font-size:8px}
.spark-package>span{min-width:76px;margin-top:15px;border-radius:12px;padding:10px 9px;background:linear-gradient(145deg,#8b72ff,#6a55d5);color:#fff;text-align:center;font-size:11px;font-weight:950;box-shadow:0 8px 18px rgba(73,50,180,.32)}
.spark-package:active:not(:disabled){transform:scale(.985)}
.spark-package:disabled{opacity:.58;cursor:wait}
.spark-purchase-message{margin:0;padding:11px 12px;border:1px solid rgba(95,225,212,.3);border-radius:14px;background:rgba(50,173,158,.1);color:#aef7e9;text-align:center;font-size:10px;font-weight:800}
.spark-purchase-history{display:grid;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}
.spark-purchase-history>strong{font-size:9px;color:#dcd7ee}
.spark-purchase-history>div{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:9px}
.spark-purchase-history small{color:#ffe58b}
.spark-shop-note{margin:0;padding:0 6px;color:#8f89a8;text-align:center;font-size:7.5px;line-height:1.5}
.spark-shop-entry{width:100%;min-height:72px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 10px;padding:12px 14px;border:2px solid rgba(255,225,91,.78);border-radius:18px;background:radial-gradient(circle at 12% 20%,rgba(255,231,111,.28),transparent 36%),linear-gradient(145deg,rgba(116,83,215,.86),rgba(56,39,117,.94));text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(32,18,93,.42),inset 0 1px 0 rgba(255,255,255,.14)}
.spark-shop-entry:active{transform:scale(.985)}
.spark-shop-entry>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,224,91,.18);font-size:28px}.spark-shop-entry strong{display:block;color:#fff7c7;font-size:12px;letter-spacing:.02em}.spark-shop-entry small{display:block;margin-top:3px;color:#eee8ff;font-size:9px}.spark-shop-entry>b{color:#ffe470;font-size:28px}
.profile-content>.spark-shop-entry{order:0!important;display:grid!important;position:relative;z-index:3}.profile-content>.profile-hero{order:1}.profile-content>.level-card{order:2}.profile-content>.profile-stats{order:3}.profile-content>.spark-economy-card{order:4}.profile-content>.profile-reset-zone{order:5}.profile-content>.reminder-toggle{order:6}.profile-content>.settings-grid{order:7}.profile-content>.cloud-save-status{order:8}.profile-content>.invite-button{order:9}.profile-content>.admin-link{order:10}

/* v95: the already-visible Spark economy card is also a direct shop button */
.spark-economy-card.spark-economy-shop-button{width:100%;cursor:pointer;text-align:left;position:relative;padding-bottom:48px!important;border:2px solid rgba(255,224,93,.62)!important}
.spark-economy-card.spark-economy-shop-button:after{content:"⭐ ОТКРЫТЬ МАГАЗИН";position:absolute;left:14px;right:14px;bottom:11px;min-height:28px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#8b72ff,#6550d1);color:#fff7be;font-size:9px;font-weight:950;letter-spacing:.08em;box-shadow:0 7px 18px rgba(58,39,159,.34)}
.spark-economy-card.spark-economy-shop-button:active{transform:scale(.99)}

/* v101: keep the shake tutorial icon and text in separate, stable rows. */
.tutorial-icon {
  overflow: hidden;
  line-height: 1;
  white-space: nowrap;
}
.tutorial-icon img {
  display: block;
  width: 58px;
  height: 44px;
  object-fit: contain;
}
.tutorial-card .section-kicker {
  margin: 0 0 10px;
  line-height: 1.25;
}
.tutorial-card h2 {
  margin: 0;
  line-height: 1.15;
}

/* v103: clearer real-friend status and safer narrow-phone layout. */
.friend-connection-source {
  color: #83eadf !important;
  margin-top: 3px;
  font-size: 7px !important;
  font-weight: 850;
}
.friend-card {
  overflow: hidden;
}
.friend-card-head > div,
.visit-friend-button > div {
  min-width: 0;
}
.visit-friend-button strong,
.visit-friend-button small {
  white-space: normal;
  overflow-wrap: anywhere;
}
.wave-friend-button,
.visit-friend-button,
.friend-theft-alert button {
  touch-action: manipulation;
}
.wave-friend-button:focus-visible,
.visit-friend-button:focus-visible,
.friend-theft-alert button:focus-visible {
  outline: 2px solid #79eadc;
  outline-offset: 2px;
}
@media (width <= 355px) {
  .friend-world-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .friend-card-head {
    grid-template-columns: 38px minmax(0, 1fr) 22px;
  }
  .friend-card {
    padding: 11px;
  }
  .visit-friend-button {
    grid-template-columns: 31px minmax(0, 1fr);
    padding: 10px;
  }
}


/* v104: three calm key discoveries per era. */
.element-card.key-element {
  border-color: rgba(255, 211, 112, 0.58);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 215, 118, 0.16), transparent 48%),
    linear-gradient(155deg, rgba(69, 55, 113, 0.94), rgba(31, 27, 68, 0.96));
  box-shadow: inset 0 0 0 1px rgba(255, 231, 173, 0.08), 0 8px 22px rgba(13, 9, 35, 0.28);
}
.element-card.key-element .element-emoji {
  filter: drop-shadow(0 0 8px rgba(255, 213, 117, 0.34));
}


/* v106 full encyclopedia */
.encyclopedia-search{align-items:center;background:rgba(13,12,36,.72);border:1px solid rgba(151,139,255,.28);border-radius:18px;display:flex;gap:10px;margin:14px 0;padding:0 14px}.encyclopedia-search span{font-size:20px}.encyclopedia-search input{background:transparent;border:0;color:#fff;font:inherit;min-width:0;outline:0;padding:15px 0;width:100%}.encyclopedia-search input::placeholder{color:rgba(234,231,255,.52)}
.v106-interaction-progress{align-items:center;background:linear-gradient(135deg,rgba(101,85,210,.2),rgba(56,204,198,.12));border:1px solid rgba(141,128,255,.25);border-radius:15px;color:rgba(238,236,255,.75);display:flex;font-size:13px;margin:12px 0;padding:11px 13px}.v106-interaction-progress strong{color:#d9d3ff;font-size:17px;margin-right:4px}
.v106-search-hidden{display:none!important}.v106-search-results{margin:12px 0 18px}


/* v108: clean static era scenes, visible dinosaurs, and collision-free objective layout. */
.world-window.living-dinosaur-stage-0{background-position:center 36%!important}
.era-objective-card{display:block!important;grid-template-columns:none!important;padding:14px!important}
.era-objective-card header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}
.era-objective-card header>div{min-width:0}
.era-objective-card header small{font-size:8px!important;line-height:1.2}
.era-objective-card header strong{display:block!important;margin-top:5px!important;font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere}
.era-objective-card header>b{align-self:start;white-space:nowrap;padding-top:2px;font-size:10px!important;line-height:1.3}
.era-objective-steps{clear:both;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%;margin-top:12px!important}
.era-objective-steps span{display:flex;min-height:47px;align-items:center;justify-content:center;gap:5px;padding:8px 6px!important;font-size:8px!important;line-height:1.2;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.era-objective-steps span i{flex:0 0 auto}
.era-objective-steps span small{min-width:0;font-size:8px;line-height:1.2;overflow-wrap:anywhere}
@media(width<=355px){.era-objective-card{padding:12px!important}.era-objective-card header{gap:7px!important}.era-objective-card header strong{font-size:12px!important}.era-objective-steps{gap:4px!important}.era-objective-steps span{min-height:44px;padding:7px 4px!important}.era-objective-steps span small{font-size:7px}}

/* v109: the element's poetic direction is visible immediately, without a disclosure button or technical footnote. */
.element-whisper[open]{padding:14px}
.element-whisper[open] summary,.element-whisper[open] small{display:none}
.element-whisper[open] p{margin:0;color:#eeeaff;line-height:1.58}

/* v113: first original element-icon pack. The emoji remains underneath as a no-blank fallback. */
.v113-element-visual{display:grid;place-items:center;position:relative;isolation:isolate;line-height:1;overflow:visible}
.v113-element-visual>.v113-icon-fallback,.v113-element-visual>svg{grid-area:1/1;width:100%;height:100%}
.v113-element-visual>.v113-icon-fallback{display:grid;place-items:center;font-size:.78em}
.v113-element-visual>svg{z-index:1;display:block;pointer-events:none;overflow:visible;filter:drop-shadow(0 5px 8px rgba(0,0,0,.34))}
.element-emoji.v113-element-visual{width:34px;height:34px;font-size:25px;filter:none}
.mix-slot .v113-slot-icon{width:46px;height:46px;font-size:36px}
.cauldron-result .v113-result-icon{flex:0 0 21px;width:21px;height:21px;font-size:15px}
.cauldron-first-icon{width:30px;height:30px;font-size:24px}
.reaction-token .v113-reaction-icon{width:34px;height:34px;font-size:24px}
.quick-element-hero>.v113-quick-icon{width:68px;height:68px;flex:0 0 68px;padding:6px;font-size:38px}
.v113-encyclopedia-search-icon{width:32px;height:32px;font-size:23px}
.encyclopedia-category-items .v113-category-preview-icon{width:25px;height:25px;padding:2px;font-size:14px}
.v113-category-list-icon{width:34px;height:34px;font-size:24px}
.v113-encyclopedia-rail-icon{width:30px;height:30px;margin:auto;padding:2px;font-size:20px}
.encyclopedia-hero>.v113-encyclopedia-icon{width:56px;height:56px;padding:5px;font-size:31px}
@media(width<=355px){.element-emoji.v113-element-visual{width:31px;height:31px}.quick-element-hero>.v113-quick-icon{width:62px;height:62px;flex-basis:62px}}

/* v114: the full 500-element icon set also covers secondary element views. */
.friend-formula>span:not(.mystery){display:flex;align-items:center;justify-content:center;gap:5px}
.friend-formula .v114-inline-icon{width:24px;height:24px;min-height:0;padding:0;border:0;border-radius:0;background:none;flex:0 0 24px}
.collection-set-items .v114-set-icon{width:25px;height:25px;padding:2px;border:0;border-radius:0;background:none}
.artifact-title>.v114-artifact-icon{width:42px;height:42px;padding:3px}
.v67-shake-flight>svg{width:100%;height:100%;padding:1px;display:block;overflow:visible}

/* v115: shake confirmation and a quiet, secondary reset action. */
.v67-shake-hud.v115-shake-ready .v67-shake-hud-icon{color:#b9fff4;background:rgba(95,225,212,.16)}
.v67-shake-hud.v115-shake-ready .v67-shake-hud-title{color:#dffffa}
.profile-content>.profile-reset-zone{order:99!important}
.profile-reset-zone:not(.is-open){margin:8px 0 0;padding:0;border:0;background:none;box-shadow:none;text-align:center}
.profile-reset-zone:not(.is-open) .profile-reset-head{display:none}
.profile-reset-zone:not(.is-open) .profile-reset-trigger{display:inline-block;width:auto;min-height:28px;margin:0;padding:4px 8px;border:0;background:none;color:#767087;font-size:7.5px;font-weight:650;text-decoration:underline;text-decoration-color:rgba(118,112,135,.45);text-underline-offset:3px}
.profile-reset-zone:not(.is-open) .profile-reset-trigger:hover{color:#aaa3bb;background:none}
.profile-reset-zone.is-open{margin-top:10px;padding:12px;border:1px solid rgba(255,105,126,.34);border-radius:18px;background:linear-gradient(145deg,rgba(82,20,31,.62),rgba(31,11,21,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}

/* All new layout rules are local. Native document scrolling and existing touch handlers remain intact. */
.world-window.v116-world-window {
  height: 420px;
  min-height: 420px;
  max-height: none;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #c6e3dc2e;
  box-shadow:
    0 24px 60px #0003,
    inset 0 1px #efffd915;
  background-color: #152b35;
  background-size: cover;
}
.world-window.v116-world-window:before,
.world-window.v116-world-window:after {
  pointer-events: none;
}
.v116-world {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.v116-world.is-ready {
  background:
    radial-gradient(ellipse at 23% 10%, #aeb9a447, transparent 56%),
    radial-gradient(ellipse at 85% 65%, #2b8a9638, transparent 62%),
    linear-gradient(155deg, #26424d, #172b37 53%, #111d2b);
}
.v116-world.is-ready:before {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  border: 1px solid #c7dcad1c;
  border-radius: 50%;
  left: calc(50% - 65px);
  top: 15%;
  box-shadow:
    0 0 0 24px #c7dcad06,
    0 0 0 49px #c7dcad03;
  pointer-events: none;
}
.v116-world-stage {
  position: absolute;
  inset: 15px -10px 77px;
  pointer-events: auto;
}
.v116-world-canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  outline: none;
}
.v116-world-caption {
  position: absolute;
  left: 17px;
  top: 18px;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.16em;
  color: #d7e5d2;
  display: flex;
  gap: 7px;
  align-items: center;
}
.v116-live-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b9d6a2;
  box-shadow: 0 0 8px #b9d6a255;
}
.v116-world-tools {
  position: absolute;
  right: 12px;
  top: 45px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid #d3eddd20;
  border-radius: 20px;
  padding: 4px;
  background: #132b3680;
  backdrop-filter: blur(10px);
  pointer-events: auto;
}
.v116-world-tools button {
  display: grid;
  place-items: center;
  width: 33px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #dce9dc;
  font: 22px/1 system-ui;
  cursor: pointer;
  border-radius: 50%;
}
.v116-world-tools button:hover {
  background: #d3eddd15;
}
.v116-world-tools button:focus-visible,
.v116-journey button:focus-visible {
  outline: 2px solid #e5cb90;
  outline-offset: 3px;
}
.v116-tool-divider {
  height: 1px;
  margin: 2px 6px;
  background: #d3eddd20;
}
.v116-world-touch-note {
  position: absolute;
  bottom: 106px;
  left: 12px;
  right: 12px;
  text-align: center;
  font-size: 10px;
  color: #cddfd19e;
  letter-spacing: 0.02em;
}
.v116-world-window .era-panel {
  z-index: 3;
  background: linear-gradient(180deg, #142332e8, #111c2af7);
  border-top: 1px solid #cbdfbc25;
  backdrop-filter: blur(8px);
}
.v116-world-window .era-period {
  color: #bacfc4;
}
.v116-world-window .era-copy > span {
  display: none;
}
.v116-journey {
  margin: 14px 0 10px;
  padding: 16px 17px;
  border: 1px solid #c4d6a629;
  border-radius: 22px;
  background: linear-gradient(135deg, #243838b5, #14212db8);
  box-shadow: inset 0 1px #ffffff05;
  color: #ecf0e3;
}
.v116-journey-heading {
  display: flex;
  align-items: center;
  gap: 11px;
}
.v116-journey-mark {
  font-size: 30px;
  color: #dcc694;
  font-family: Georgia, serif;
}
.v116-journey-heading > div {
  flex: 1;
  min-width: 0;
}
.v116-journey small {
  display: block;
  color: #b8c8b7;
  font-size: 9px;
  letter-spacing: 0.16em;
  font-weight: 700;
}
.v116-journey h2 {
  margin: 5px 0 0;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: -0.025em;
  font-weight: 650;
}
.v116-journey-count {
  font-size: 12px;
  color: #c7d6bc;
  font-variant-numeric: tabular-nums;
}
.v116-journey-track {
  display: flex;
  margin: 15px 0 12px;
  gap: 6px;
}
.v116-journey-track > span {
  flex: 1;
  height: 4px;
  background: #becbc418;
  border-radius: 3px;
  position: relative;
}
.v116-journey-track > span.active {
  background: linear-gradient(90deg, #dfc48c80, #dfc48c30);
}
.v116-journey-track > span.done {
  background: #bbd5a1;
}
.v116-journey-track i {
  position: absolute;
  font-size: 0;
  visibility: hidden;
}
.v116-journey-story {
  font-size: 12px;
  line-height: 1.65;
  color: #ced7cc;
  margin: 0 0 11px;
  max-width: 46ch;
}
.v116-journey-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.v116-journey button {
  font-family: inherit;
  cursor: pointer;
}
.v116-experiment {
  border: 1px solid #d9c69435;
  background: #d4bd8c12;
  padding: 9px 14px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 650;
  color: #e9d8b2;
  min-height: 38px;
}
.v116-hint {
  border: 0;
  background: none;
  color: #b9cbbb;
  padding: 8px 0;
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #b9cbbb45;
  min-height: 38px;
}
.v116-clue {
  border-top: 1px solid #bed9b31c;
  margin-top: 12px;
  padding-top: 10px;
}
.v116-clue p,
.v116-gentle-note {
  font-size: 12px;
  line-height: 1.55;
  color: #c5d3c4;
  margin: 0 0 10px;
}
.v116-clue button {
  background: #bdd2a71b;
  color: #d6e7c8;
  border: 1px solid #bdd2a733;
  border-radius: 10px;
  padding: 8px 12px;
  min-height: 38px;
}
.v116-clue button:disabled {
  opacity: 0.45;
  cursor: default;
}
.v116-gentle-note {
  margin: 12px 0 0;
  font-size: 11px;
}
.v116-research-details {
  margin: 0 0 13px;
  border: 1px solid #d5e4da16;
  border-radius: 15px;
  background: #141e2b55;
}
.v116-research-details > summary {
  cursor: pointer;
  padding: 13px 15px;
  font-size: 12px;
  color: #b7c9c4;
  list-style-position: inside;
}
.v116-research-details .era-research-card {
  margin: 0;
  border: 0;
  background: transparent;
}
.v116-research-details[open] > summary {
  border-bottom: 1px solid #d5e4da12;
}
.collection {
  scroll-margin-top: 20px;
}
.v116-dock-return {
  display: none;
}
.v116-world-update {
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  min-height: 34px;
  padding: 7px 14px;
  border: 1px solid #abc59255;
  border-radius: 13px;
  background: #263934f2;
  color: #d6e9c5;
  font: 600 11px/1.4 system-ui;
  box-shadow: 0 5px 18px #0003;
  cursor: pointer;
}
.cauldron-dock.v116-dock-away {
  display: block !important;
  padding: 7px 10px !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 18px !important;
  background: #151b2aed !important;
  backdrop-filter: blur(15px);
}
.cauldron-dock.v116-dock-away > * {
  display: none !important;
}
.cauldron-dock.v116-dock-away > .v116-dock-return {
  display: block !important;
  width: 100%;
  min-height: 40px;
  padding: 8px 15px;
  border: 0;
  border-radius: 11px;
  background: #cadbbd0b;
  color: #e2e9d6;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.cauldron-dock[data-reaction] .cauldron-pot {
  filter: drop-shadow(
    0 0 9px color-mix(in srgb, var(--reaction-color, #c7b6ff) 45%, transparent)
  );
  transition: filter 0.2s;
}
.cauldron-dock[data-reaction="fail"] .cauldron-pot,
.cauldron-dock[data-reaction="known"] .cauldron-pot,
.cauldron-dock[data-reaction="locked"] .cauldron-pot {
  filter: none;
}
.v116-mix-particle {
  position: absolute;
  left: 50%;
  top: 35%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  pointer-events: none;
  background: var(--reaction-color, #c7b6ff);
  box-shadow: 0 0 6px currentColor;
  color: var(--reaction-color, #c7b6ff);
  animation: v116-mix-bloom 0.5s ease-out var(--delay) both;
  z-index: 8;
}
@keyframes v116-mix-bloom {
  0% {
    transform: translate(-50%, 0) scale(0.3);
    opacity: 0;
  }
  18% {
    opacity: 0.9;
  }
  100% {
    transform: translate(calc(-50% + var(--dx)), var(--dy)) scale(0.15);
    opacity: 0;
  }
}
@media (min-width: 650px) {
  .world-window.v116-world-window {
    height: 480px;
    min-height: 480px;
  }
  .v116-world-stage {
    inset: 0 10px 84px;
  }
  .v116-journey {
    padding: 19px 22px;
  }
  .v116-journey-story {
    max-width: none;
  }
  .v116-journey h2 {
    font-size: 21px;
  }
}
@media (max-width: 360px) {
  .world-window.v116-world-window {
    height: 390px;
    min-height: 390px;
  }
  .v116-world-caption {
    font-size: 8px;
  }
  .v116-journey {
    padding: 14px;
  }
  .v116-journey h2 {
    font-size: 17px;
  }
  .v116-world-touch-note {
    font-size: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .v116-mix-particle {
    display: none;
  }
  .cauldron-dock[data-reaction] .cauldron-pot {
    transition: none;
  }
}

/* Keep the compact state outside React's className updates after a mix. */
:root.v117-dock-away .cauldron-dock{display:block!important;padding:7px 10px!important;min-height:0!important;height:auto!important;border-radius:18px!important;background:#151b2aed!important;backdrop-filter:blur(15px)}
:root.v117-dock-away .cauldron-dock>*{display:none!important}
:root.v117-dock-away .cauldron-dock>.v116-dock-return{display:block!important;width:100%;min-height:40px;padding:8px 15px;border:0;border-radius:11px;background:#cadbbd0b;color:#e2e9d6;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.world-window.v117-ocean-window {
  height: 460px;
  min-height: 460px;
  border-color: #9ce2e132;
}
.v117-ocean.is-ready {
  background:
    radial-gradient(ellipse at 25% 5%, #73b8b149, transparent 50%),
    radial-gradient(ellipse at 75% 58%, #229fa341, transparent 65%),
    linear-gradient(160deg, #173e4d, #0c2737 62%, #101e30);
}
.v117-ocean.is-ready:before {
  border-color: #ace9ce28;
  box-shadow:
    0 0 0 24px #6dd5ca06,
    0 0 0 49px #6dd5ca03;
  top: 13%;
}
.v117-ocean .v116-world-caption {
  color: #d3f3df;
  letter-spacing: 0.19em;
}
.v117-ocean .v116-live-dot {
  background: #8fdbce;
  box-shadow: 0 0 9px #8fdbce66;
}
.v117-ocean .v116-world-tools {
  border-color: #aae4df26;
  background: #0a334180;
}
.v117-ocean-window .era-panel {
  background: linear-gradient(180deg, #0d2b3bea, #111f30f7);
  border-top-color: #9edccb2b;
}
.v117-ocean-journey {
  background: linear-gradient(140deg, #164b4ca1, #142537cc);
  border-color: #b5e0cf2d;
}
.v117-ocean-journey .v116-journey-mark {
  color: #a9dccb;
}
.v117-ocean-journey .v116-journey-track > span.done {
  background: #8ed6c0;
}
.v117-ocean-journey .v116-journey-track > span.active {
  background: linear-gradient(90deg, #8ed6c080, #8ed6c030);
}
.v117-ocean-journey .v116-experiment {
  color: #c1ebd9;
  border-color: #92d0b743;
  background: #97ddc319;
}
@media (min-width: 650px) {
  .world-window.v117-ocean-window {
    height: 560px;
    min-height: 560px;
  }
}
@media (max-width: 360px) {
  .world-window.v117-ocean-window {
    height: 430px;
    min-height: 430px;
  }
  .v117-ocean-journey h2 {
    font-size: 17px;
  }
}

.world-window.v118-era-window {
  height: 460px;
  min-height: 460px;
  max-height: 560px;
}
.v118-era-world.is-ready {
  background:
    radial-gradient(
      ellipse at 28% 12%,
      color-mix(in srgb, var(--era-color) 20%, transparent),
      transparent 60%
    ),
    linear-gradient(155deg, var(--era-sky), #172d3b);
}
.v118-era-world .v116-live-dot {
  background: var(--era-color);
  box-shadow: 0 0 12px var(--era-color);
}
.v118-era-world .v116-world-caption {
  color: var(--era-color);
}
.v118-era-journey {
  --journey-accent: var(--era-color);
}
.v118-era-journey .v116-journey-mark {
  color: var(--era-color);
}
@media (min-width: 650px) {
  .world-window.v118-era-window {
    height: 560px;
    min-height: 560px;
  }
}
@media (max-width: 360px) {
  .world-window.v118-era-window {
    height: 430px;
    min-height: 430px;
  }
  .v118-era-world .v116-world-caption {
    font-size: 8px;
    letter-spacing: 0.13em;
  }
  .v118-era-world .v116-world-touch-note {
    font-size: 9px;
  }
}

/* Device layout is additive: existing scene art and game gestures stay intact. */
:root {
  --screen-top: calc(
    max(env(safe-area-inset-top, 0px), var(--device-safe-top, 0px)) +
      var(--device-content-top, 0px)
  );
  --screen-right: calc(
    max(env(safe-area-inset-right, 0px), var(--device-safe-right, 0px)) +
      var(--device-content-right, 0px)
  );
  --screen-bottom: calc(
    max(env(safe-area-inset-bottom, 0px), var(--device-safe-bottom, 0px)) +
      var(--device-content-bottom, 0px)
  );
  --screen-left: calc(
    max(env(safe-area-inset-left, 0px), var(--device-safe-left, 0px)) +
      var(--device-content-left, 0px)
  );
  --game-width: 720px;
  --page-gutter: 14px;
}
html {
  scroll-padding-top: calc(var(--screen-top) + 16px);
  scroll-padding-bottom: calc(var(--screen-bottom) + 265px);
}
.game-shell {
  transition-property: background-color, color;
  min-height: 100vh;
  min-height: 100svh;
  padding: calc(var(--screen-top) + 18px)
    calc(var(--screen-right) + var(--page-gutter))
    calc(var(--screen-bottom) + 22px)
    calc(var(--screen-left) + var(--page-gutter));
}
.game-card {
  width: min(100%, var(--game-width));
  padding-bottom: 280px;
}
.device-world-column,
.collection {
  min-width: 0;
}
.topbar {
  gap: 12px;
  flex-wrap: wrap;
}
.topbar-actions {
  gap: 6px;
  flex-wrap: wrap;
}
.topbar-actions .round-action {
  width: 44px;
  height: 44px;
  min-width: 44px;
  font-size: 16px;
}
.progress-count {
  min-width: 45px;
}
.player-strip {
  gap: 8px;
}
.player-strip button {
  min-height: 44px;
}
.player-strip small {
  font-size: 11px;
}
.player-strip > button:first-child { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; }
.player-strip > button:first-child > span { white-space: nowrap; font-size: 12px; }
.player-strip .streak-compact, .player-strip .essence-shop-button { white-space: nowrap; flex: 0 0 auto; }
.feature-dock button,
.social-dock button,
.collection-filters button,
.collection-tools button,
.collection-toggle,
.world-status-strip,
.v116-research-details summary {
  min-height: 44px;
}
.feature-dock button,
.social-dock button {
  font-size: 12px;
}
.element-grid {
  grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  gap: 8px;
}
.element-card {
  min-height: 86px;
  padding: 9px 4px;
  scroll-margin-block: 20px 270px;
}
.element-card .element-name,
.element-card > span:last-child {
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.search-box {
  min-height: 44px;
  height: auto;
}
.search-box input,
.collection select,
.feature-sheet input,
.feature-sheet select,
.feature-sheet textarea {
  min-height: 44px;
  font-size: 16px;
}
.collection select {
  max-width: 48%;
  width: 150px;
}
.collection-tools {
  flex-wrap: wrap;
  grid-template-columns: minmax(0, 1fr) minmax(100px, 140px);
}
.collection-tools select {
  width: 100%;
  max-width: 100%;
}
.catalog-tabs button,
.filter-row button {
  min-height: 44px;
  font-size: 12px;
}
.feature-dock small,
.social-dock small {
  font-size: 11px;
}
.cauldron-actions {
  grid-template-rows: 50px 44px;
}
.cauldron-actions button {
  min-height: 44px;
  height: auto;
}
.cauldron-actions .hint-action {
  min-height: 50px;
}
.cauldron-actions .hint-action .hint-title,
.cauldron-actions .hint-action small,
.cauldron-actions .hint-action small b {
  font-size: 10px;
}
.cauldron-first > small {
  font-size: 11px;
}
.cauldron-helper {
  font-size: 10px;
}
.cauldron-result {
  font-size: 11px;
}
.cauldron-result > button {
  min-width: 36px;
  min-height: 36px;
}
.search-box {
  flex: 1 1 180px;
}
.v116-world-tools {
  right: 8px;
}
.v116-world-tools button {
  width: 44px;
  height: 44px;
  font-size: 22px;
}
.v116-world-caption {
  max-width: calc(100% - 28px);
  font-size: 10px;
}
.v116-world-touch-note {
  font-size: 11px;
  max-width: calc(100% - 38px);
  text-align: center;
}
.v116-world > a {
  pointer-events: auto;
}
.era-step-button {
  min-width: 44px;
  min-height: 44px;
}
.era-dots {
  gap: 0;
  flex-wrap: wrap;
}
.era-dots button {
  width: 24px;
  height: 24px;
  background-clip: content-box;
  padding: 8px;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  position: relative;
}
.era-dots button::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  background: #a7a0c02e;
}
.era-dots button.reached::after {
  background: #aba6c2;
}
.era-dots button.viewed::after {
  inset: 8px;
  background: #ddfff5;
  box-shadow: 0 0 10px #91eed966;
}
.v116-journey h3 {
  font-size: 19px;
}
.v116-journey button {
  min-height: 44px;
}
.cauldron-dock {
  width: min(
    calc(100% - var(--screen-left) - var(--screen-right) - 18px),
    var(--game-width)
  );
  bottom: calc(var(--screen-bottom) + 7px);
  padding-bottom: 9px;
}
.modal-backdrop,
.quick-element-backdrop,
.device-backdrop {
  padding: calc(var(--screen-top) + 12px) calc(var(--screen-right) + 12px)
    calc(var(--screen-bottom) + 12px) calc(var(--screen-left) + 12px);
  align-items: center;
}
.feature-sheet {
  width: min(100%, 680px);
  max-height: calc(
    var(--device-height, 100vh) - var(--screen-top) - var(--screen-bottom) -
      24px
  );
  border-radius: 24px;
  padding-bottom: 20px;
  overscroll-behavior: contain;
}
.quick-element-summary {
  max-height: calc(
    var(--device-height, 100vh) - var(--screen-top) - var(--screen-bottom) -
      24px
  );
  overflow-y: auto;
}
.sheet-header > button,
.quick-element-close {
  min-width: 44px;
  min-height: 44px;
}
html[data-keyboard="open"] .cauldron-dock {
  visibility: hidden;
  pointer-events: none;
  transition: none;
}
html[data-keyboard="open"] .modal-backdrop {
  align-items: flex-start;
}
html[data-input="keys"] :focus {
  outline: 3px solid #8affdb;
  outline-offset: 4px;
  box-shadow: 0 0 0 7px #0b1028;
}
html[data-input="keys"] button:focus {
  position: relative;
  z-index: 6;
}
.device-shortcut {
  color: #a4f3df;
}
.device-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  justify-content: center;
  background: #070716d9;
}
.device-panel {
  width: min(100%, 600px);
  max-height: calc(
    var(--device-height, 100vh) - var(--screen-top) - var(--screen-bottom) -
      24px
  );
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px;
  border: 1px solid #c8bdff4d;
  border-radius: 26px;
  color: #f6f3ff;
  background: linear-gradient(145deg, #272342, #111326);
  box-shadow: 0 22px 90px #0008;
}
.device-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.device-panel h2 {
  margin: 0;
  font-size: 24px;
}
.device-panel header button {
  flex: 0 0 44px;
  height: 44px;
  border: 1px solid #ffffff38;
  border-radius: 14px;
  background: #ffffff0b;
  color: inherit;
  font-size: 26px;
}
.device-panel fieldset {
  padding: 0;
  margin: 25px 0 0;
  border: 0;
  min-width: 0;
}
.device-panel legend {
  padding: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 750;
}
.device-panel p {
  margin: 12px 0 0;
  color: #cbc6de;
  font-size: 14px;
  line-height: 1.55;
}
.device-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.device-options button,
.device-fullscreen {
  min-height: 50px;
  padding: 12px;
  border: 1px solid #c8bdff38;
  border-radius: 14px;
  background: #ffffff08;
  color: inherit;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.device-options button[aria-pressed="true"] {
  background: #7ae7c51a;
  border-color: #86eace;
  color: #b4ffe9;
}
.device-fullscreen {
  margin-top: 22px;
  width: 100%;
  background: #7563b92b;
}
.device-input-help {
  border-top: 1px solid #ffffff19;
  padding-top: 14px;
}
html[data-graphics="eco"] .cauldron-dock,
html[data-graphics="flat"] .cauldron-dock,
html[data-graphics="eco"] .feature-sheet,
html[data-graphics="flat"] .feature-sheet {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-graphics="flat"] .ambient,
html[data-graphics="flat"] .world-window::after {
  display: none;
}
@media (min-width: 600px) {
  .game-shell {
    --page-gutter: 24px;
  }
  .element-grid {
    grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));
  }
  .element-card {
    min-height: 96px;
  }
}
@media (min-width: 1000px) {
  :root {
    --game-width: 1480px;
  }
  .game-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    align-items: start;
  }
  .game-card > .topbar,
  .game-card > .progress-track,
  .game-card > .player-strip,
  .game-card > .featured-event {
    grid-column: 1 / -1;
  }
  .device-world-column {
    grid-column: 1;
    position: sticky;
    top: calc(var(--screen-top) + 18px);
  }
  .game-card > .collection {
    grid-column: 2;
    margin-top: 0;
    padding-top: 0;
  }
  .world-window.v116-world-window {
    height: clamp(380px, 52vh, 600px);
    min-height: 380px;
    max-height: 600px;
  }
  .cauldron-dock {
    left: auto;
    right: calc(
      var(--screen-right) + var(--page-gutter) +
        max(
          0px,
          (
              100vw - var(--screen-left) - var(--screen-right) -
                var(--page-gutter) * 2 - var(--game-width)
            ) /
            2
        )
    );
    width: calc(
      (
          min(
              100vw - var(--screen-left) - var(--screen-right) -
                var(--page-gutter) * 2,
              var(--game-width)
            ) -
            28px
        ) /
        2
    );
    transform: none;
  }
  html.v117-dock-away .cauldron-dock {
    transform: none;
  }
  .element-grid {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }
  .v116-journey {
    margin-top: 14px;
  }
}
@media (max-width: 599px) {
  .v116-world-touch-note { display: none; }
  .topbar h1 {
    font-size: 29px;
  }
  .topbar-actions {
    margin-left: auto;
  }
  .device-panel {
    padding: 18px;
  }
  .element-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 370px) {
  .game-shell {
    --page-gutter: 9px;
  }
  .topbar {
    gap: 10px;
  }
  .topbar-actions {
    width: 100%;
    justify-content: space-between;
  }
  .element-card .element-name,
  .element-card > span:last-child {
    font-size: 11px;
  }
}
@media (max-height: 520px) and (orientation: landscape) {
  :root {
    --game-width: 920px;
  }
  .game-card {
    padding-bottom: 180px;
  }
  .device-world-column {
    position: static;
  }
  .world-window.v116-world-window {
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }
  .cauldron-dock {
    min-height: 140px;
    grid-template-rows: 20px 75px 20px;
  }
  .cauldron-dock .cauldron-stage {
    transform: scale(0.7);
    transform-origin: center;
  }
  .modal-backdrop {
    align-items: flex-start;
  }
}
html[data-display="tv"] {
  --game-width: 1840px;
  --page-gutter: 3vw;
  scroll-padding-bottom: 360px;
}
html[data-display="tv"] .game-shell {
  --page-gutter: 3vw;
  padding-top: calc(var(--screen-top) + 3vh);
}
html[data-display="tv"] .topbar h1 {
  font-size: clamp(32px, 3vw, 52px);
}
html[data-display="tv"] .eyebrow {
  font-size: 14px;
}
html[data-display="tv"] .topbar-actions .round-action {
  width: 58px;
  min-width: 58px;
  height: 58px;
  font-size: 23px;
}
html[data-display="tv"] .player-strip button {
  min-height: 58px;
  font-size: 19px;
}
html[data-display="tv"] .player-strip small {
  font-size: 15px;
}
html[data-display="tv"] .player-strip > button:first-child > span { font-size: 19px; }
html[data-display="tv"] .collection h2 {
  font-size: 26px;
}
html[data-display="tv"] .element-grid {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
}
html[data-display="tv"] .element-card {
  min-height: 122px;
  scroll-margin-bottom: 330px;
}
html[data-display="tv"] .element-card .element-name,
html[data-display="tv"] .element-card > span:last-child {
  font-size: 18px;
}
html[data-display="tv"] .element-icon {
  width: 48px;
  height: 48px;
  font-size: 36px;
}
html[data-display="tv"] .collection-filters button,
html[data-display="tv"] .collection-tools button,
html[data-display="tv"] .feature-dock button,
html[data-display="tv"] .social-dock button {
  min-height: 56px;
  font-size: 17px;
}
html[data-display="tv"] .search-box input,
html[data-display="tv"] .collection select {
  min-height: 54px;
  font-size: 19px;
}
html[data-display="tv"] .v116-world-tools button {
  width: 56px;
  height: 56px;
}
html[data-display="tv"] .v116-world-caption,
html[data-display="tv"] .v116-world-touch-note {
  font-size: 14px;
}
html[data-display="tv"] .era-copy strong {
  font-size: 24px;
}
html[data-display="tv"] .era-copy small,
html[data-display="tv"] .era-copy span {
  font-size: 15px;
}
html[data-display="tv"] .v116-journey h3 {
  font-size: 25px;
}
html[data-display="tv"] .v116-journey p,
html[data-display="tv"] .v116-journey button {
  font-size: 17px;
}
html[data-display="tv"] .v116-journey button {
  min-height: 56px;
}
html[data-display="tv"] .feature-sheet,
html[data-display="tv"] .device-panel {
  width: min(100%, 860px);
  font-size: 20px;
}
html[data-display="tv"] .device-panel h2 {
  font-size: 32px;
}
html[data-display="tv"] .device-panel p,
html[data-display="tv"] .device-panel legend,
html[data-display="tv"] .device-panel button {
  font-size: 20px;
}
html[data-display="tv"] .device-panel button {
  min-height: 60px;
}
html[data-display="tv"] .feature-sheet button { min-height: 52px !important; font-size: 17px !important; }
html[data-display="tv"] .feature-sheet h2 { font-size: 28px; }
html[data-display="tv"] .feature-sheet span, html[data-display="tv"] .feature-sheet b { font-size: 16px; }
html[data-display="tv"] .feature-sheet small, html[data-display="tv"] .feature-sheet p, html[data-display="tv"] .feature-sheet label { font-size: 16px; line-height: 1.45; }
html[data-display="tv"] .feature-sheet strong { font-size: 20px; }
html[data-display="tv"] .catalog-tabs button,
html[data-display="tv"] .filter-row button {
  min-height: 56px;
  font-size: 18px;
}
html[data-display="tv"] .feature-dock small,
html[data-display="tv"] .social-dock small,
html[data-display="tv"] .element-hold-guide,
html[data-display="tv"] .v116-research-details summary {
  font-size: 16px;
}
html[data-display="tv"] .cauldron-dock {
  min-height: 280px;
  grid-template-rows: minmax(38px, auto) 155px minmax(32px, auto);
  padding: 16px;
}
html[data-display="tv"] .cauldron-workbench {
  height: 155px;
  grid-template-columns: minmax(100px, 1fr) minmax(120px, 1fr) minmax(
      190px,
      1.2fr
    );
  gap: 16px;
}
html[data-display="tv"] .cauldron-actions {
  grid-template-rows: 62px 54px;
  gap: 9px;
}
html[data-display="tv"] .cauldron-actions button,
html[data-display="tv"] .cauldron-first {
  min-height: 54px;
  font-size: 22px;
}
html[data-display="tv"] .cauldron-actions .hint-action {
  min-height: 62px;
}
html[data-display="tv"] .cauldron-actions .hint-action .hint-title,
html[data-display="tv"] .cauldron-actions .hint-action small,
html[data-display="tv"] .cauldron-actions .hint-action small b,
html[data-display="tv"] .cauldron-first > small,
html[data-display="tv"] .cauldron-result {
  font-size: 16px;
}
html[data-display="tv"] .cauldron-helper {
  font-size: 14px;
  width: 100%;
}
html[data-display="tv"] .cauldron-era-badge {
  font-size: 12px;
  max-width: 80%;
}
html[data-display="tv"] .cauldron-result > button {
  min-width: 48px;
  min-height: 48px;
  font-size: 22px;
}
@media (max-width: 999px) {
  html[data-display="tv"] .cauldron-workbench {
    grid-template-columns: 64px minmax(40px, 1fr) 120px;
    gap: 6px;
  }
  html[data-display="tv"] .cauldron-actions .hint-action small,
  html[data-display="tv"] .cauldron-actions .hint-action .hint-title {
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}

/* Grid tracks reserve the full touch target; narrow screens give the title its own space. */
.world-window.v116-world-window {
  animation: none;
}
.world-window .era-panel {
  position: absolute;
  bottom: 12px;
  margin: 0;
  grid-template-columns: 44px 42px minmax(0, 1fr) 44px;
  gap: 8px;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  left: 12px;
  right: 12px;
  padding: 10px;
}
.world-window .era-step-button {
  width: 44px;
  height: 44px;
  padding: 0;
  justify-self: center;
}
.world-window .era-copy {
  min-width: 0;
}
.world-window .era-copy strong {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
.world-window .era-dots {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 0;
  width: 100%;
}
.world-window .era-dots button {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 24px;
  padding: 0;
}
.world-window .era-dots button::after {
  inset: auto;
  top: 9px;
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
}
.world-window .era-dots button.viewed::after {
  top: 8px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
}
.world-window .v116-world-stage {
  inset: 35px 0 calc(var(--era-panel-height, 108px) + 23px);
}
.world-window .v116-world-touch-note {
  bottom: calc(var(--era-panel-height, 108px) + 16px);
}
.world-window .v121-credits {
  position: absolute;
  left: 17px;
  top: 35px;
  font-size: 10px;
  color: #c5dacc;
  z-index: 5;
  text-underline-offset: 3px;
}
@media (max-width: 599px) {
  .world-window .era-panel {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    left: 10px;
    right: 10px;
  }
  .world-window .era-panel > .era-emoji {
    display: none;
  }
  .world-window .era-copy strong {
    font-size: 14px;
  }
  .world-window .era-period {
    white-space: normal;
  }
}
html[data-display="tv"] .world-window .era-panel {
  grid-template-columns: 56px 48px minmax(0, 1fr) 56px;
  gap: 12px;
}
html[data-display="tv"] .world-window .era-step-button {
  width: 56px;
  height: 56px;
}

.world-window.v122-unified-window {
  background-image: none !important;
  background: #19323b;
}
.v122-unified-world,
.v122-unified-world.is-ready {
  background:
    radial-gradient(ellipse at 23% 10%, #aeb9a447, transparent 56%),
    radial-gradient(ellipse at 85% 65%, #2b8a9638, transparent 62%),
    linear-gradient(155deg, #26424d, #172b37 53%, #111d2b);
}
.world-window .v122-world-status {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 12px 14px;
  pointer-events: auto;
}
.v122-world-seal {
  color: #b6d59a;
  font:
    25px/1.1 Georgia,
    serif;
  padding-top: 3px;
}
.v122-period-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 4px;
}
.v122-period-copy small {
  color: #b5cda9;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.v122-period-copy strong {
  font-size: 16px;
  line-height: 1.22;
  color: #eef2e4;
  overflow-wrap: anywhere;
}
.v122-period-copy > span {
  font-size: 11px;
  line-height: 1.35;
  color: #c7d9d0;
}
.v122-period-copy .v122-period-evidence {
  color: #9bbaac;
  font-size: 10px;
}
.v122-flat-map {
  position: absolute;
  inset: 45px 0 calc(var(--era-panel-height, 110px) + 22px);
  width: 100%;
  height: calc(100% - var(--era-panel-height, 110px) - 67px);
  pointer-events: auto;
}
.v122-flat-map [role="button"] {
  cursor: pointer;
  outline: none;
}
.v122-flat-map [role="button"]:focus-visible circle {
  stroke: #ffdda0;
  stroke-width: 3;
}
.world-window.v122-unified-window .v116-world-caption {
  font-size: 10px;
}
html[data-display="tv"] .world-window .v122-world-status {
  grid-template-columns: 32px minmax(0, 1fr);
  padding: 16px 20px;
}
html[data-display="tv"] .v122-period-copy strong {
  font-size: 24px;
}
html[data-display="tv"] .v122-period-copy small,
html[data-display="tv"] .v122-period-copy > span {
  font-size: 14px;
}
.v122-reward-backdrop {
  background: #07131b66;
  backdrop-filter: blur(2px);
}
.v122-research-reward {
  display: grid;
  gap: 16px;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(var(--tg-viewport-stable-height, 100dvh) - 48px);
  overflow: auto;
  padding: 28px;
  border: 1px solid #8cba9b66;
  border-radius: 24px;
  background: #192d32f5;
  color: #f0f4e7;
  box-sizing: border-box;
}
.v122-research-reward small {
  color: #b6d59a;
  letter-spacing: 0.08em;
  font-size: 11px;
}
.v122-research-reward h2 {
  margin: 0;
  font-size: 24px;
  overflow-wrap: anywhere;
}
.v122-research-reward p {
  margin: 0;
  line-height: 1.5;
  color: #c7d9d0;
}
.v122-research-reward strong {
  color: #ffe49d;
  font-size: 24px;
}
.v122-research-reward button {
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid #a9c499;
  background: #344e3e;
  color: #f0f4e7;
  font: inherit;
  cursor: pointer;
}
html[data-display="tv"] .v122-research-reward {
  width: min(620px, calc(100vw - 48px));
  font-size: 22px;
}
html[data-display="tv"] .v122-research-reward button {
  min-height: 60px;
}

.device-credits {
  border-top: 1px solid #a9c9bf26;
  padding-top: 8px;
}
/* The whole lower part of the map is available after removing the period card. */
.world-window.v122-unified-window {
  --era-panel-height: 0px;
}
.device-credits a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #bad0c9;
  font-size: 12px;
  text-underline-offset: 3px;
}
.city-weather {
  position: absolute;
  top: 10px;
  left: 12px;
  right: 76px;
  max-width: 380px;
  z-index: 4;
  pointer-events: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #e8f2e9;
  overflow: visible;
}
.city-weather[data-city=""] {
  max-width: 250px;
}
.city-weather[data-city=""] .city-weather-open {
  min-height: 44px;
}
.world-window .v123-weather-world .v116-world-stage {
  top: var(--world-weather-height, 64px);
}
.v123-weather-world .v122-flat-map,
.v123-weather-world .v123-flat-weather {
  top: var(--world-weather-height, 64px);
  height: calc(
    100% - var(--era-panel-height, 110px) - var(--world-weather-height, 64px) -
      22px
  );
}
html[data-display="tv"] .city-weather {
  right: 98px;
  max-width: 540px;
}
.city-weather-open {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.city-weather-icon {
  flex: 0 0 20px;
  font-size: 23px;
  color: #f0d5a1;
  text-align: center;
}
.city-weather-place {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.city-weather strong {
  font-size: 13px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.city-weather small {
  font-size: 10px;
  line-height: 1.35;
  color: #bad0c9;
}
.city-weather-value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
  max-width: 35%;
}
.city-weather-value strong {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.city-weather-edit {
  color: #b0cdc2;
  font-size: 19px;
  opacity: 0.7;
}
.city-weather-place strong {
  font-size: 17px;
  font-weight: 650;
}
.city-weather[data-city=""] .city-weather-place strong {
  font-size: 13px;
}
.v123-weather-world.is-ready::before {
  display: none;
}
.v123-flat-moon {
  position: absolute;
  top: calc(var(--world-weather-height, 64px) + 14px);
  right: 25%;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 28%, #dedfd1 0 11%, transparent 12%),
    radial-gradient(circle at 68% 65%, #c9cdc4 0 13%, transparent 14%),
    radial-gradient(circle at 35% 30%, #fbf3d5, #cdd5ce 80%);
  box-shadow: 0 0 22px 8px #c8ddff24;
  pointer-events: none;
}
.city-weather-source {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 0 16px 9px;
  color: #9db8ad;
  font-size: 9px;
}
.city-weather-source a {
  color: inherit;
  text-underline-offset: 2px;
}
.city-weather-backdrop {
  z-index: 101;
}
.city-picker {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: min(100%, 560px);
  padding: 22px;
  background: linear-gradient(150deg, #20383e, #12232f);
  border-color: #a9c9bf50;
}
.city-picker .city-picker-kicker {
  display: block;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #b5d5aa;
  margin-bottom: 6px;
}
.city-picker .city-picker-intro,
.city-picker .city-search-tip {
  margin: 0;
  color: #bad0c9;
  line-height: 1.4;
}
.city-picker .city-search-tip {
  font-size: 12px;
}
.city-picker header {
  flex-shrink: 0;
}
.city-picker header button {
  cursor: pointer;
}
.city-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 13px;
  flex-shrink: 0;
}
.city-field input,
.city-field select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #afcfbd55;
  border-radius: 12px;
  color: #f0f3e9;
  background: #112630;
  font: 16px/1.35 inherit;
  font-size: 16px;
  font-family: inherit;
}
.city-field input::placeholder {
  color: #93afa7;
}
.city-results {
  min-height: 90px;
  overflow: auto;
  overscroll-behavior: contain;
  border-top: 1px solid #b5d5c025;
}
.city-results ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.city-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  text-align: left;
  width: 100%;
  min-height: 59px;
  border: 0;
  border-bottom: 1px solid #b5d5c025;
  background: transparent;
  color: #e8f2e9;
  font: inherit;
  padding: 11px 6px;
  cursor: pointer;
}
.city-result > span:first-child {
  min-width: 0;
}
.city-result strong {
  display: block;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.city-result small {
  display: block;
  font-size: 11px;
  color: #aac5bd;
  margin-top: 5px;
  overflow-wrap: anywhere;
}
.city-result:hover {
  background: #83bba415;
}
.city-picker footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
.city-picker footer a {
  font-size: 10px;
  color: #9fbbae;
  text-underline-offset: 3px;
}
.city-clear,
.city-results > div button {
  min-height: 44px;
  border: 1px solid #a5c2b84d;
  border-radius: 12px;
  background: #ffffff09;
  color: #d5e2d8;
  font: inherit;
  padding: 10px 14px;
  cursor: pointer;
}
.city-weather :focus-visible,
.city-picker :focus-visible {
  outline: 3px solid #f1d494;
  outline-offset: 2px;
}
html[data-display="tv"] .city-weather-open {
  min-height: 80px;
  padding: 16px 20px;
}
html[data-display="tv"] .city-weather strong {
  font-size: 20px;
}
html[data-display="tv"] .city-weather small {
  font-size: 15px;
}
html[data-display="tv"] .city-weather-value strong {
  font-size: 28px;
}
html[data-display="tv"] .city-weather-source {
  font-size: 13px;
}
html[data-display="tv"] .city-picker {
  width: min(760px, 100%);
  gap: 18px;
}
html[data-display="tv"] .city-field,
html[data-display="tv"] .city-result strong {
  font-size: 21px;
}
html[data-display="tv"] .city-field input,
html[data-display="tv"] .city-field select {
  font-size: 22px;
  min-height: 58px;
}
html[data-display="tv"] .city-result {
  min-height: 76px;
}
html[data-display="tv"] .city-result small {
  font-size: 16px;
}
@media (max-height: 540px) {
  .city-picker {
    display: block;
    padding: 16px;
  }
  .city-picker > * + * {
    margin-top: 12px;
  }
  .city-results {
    overflow: visible;
  }
  .city-picker header h2 {
    font-size: 20px;
  }
}
.v123-flat-weather {
  position: absolute;
  inset: 45px 0 calc(var(--era-panel-height, 110px) + 22px);
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  border-radius: 30%;
}
.v123-flat-weather i {
  position: absolute;
  left: var(--x);
  top: -10%;
  width: 1px;
  height: 11px;
  background: #c5e4ec88;
  animation: v123-fall 1.8s linear infinite;
  animation-delay: var(--delay);
}
.v123-flat-weather i[data-drop="snow"] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e6eeefb0;
  animation-duration: 5s;
}
@keyframes v123-fall {
  to {
    transform: translate(var(--wind-drift, -22px), 480px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .v123-flat-weather i {
    animation: none;
    top: var(--y);
  }
}
.v123-weather-world[data-day-phase="night"] {
  background: radial-gradient(ellipse at 40% 0%, #304263, #182a40 50%, #132c37);
}
.v123-weather-world[data-day-phase="dusk"],
.v123-weather-world[data-day-phase="dawn"] {
  background: radial-gradient(
    ellipse at 15% 0%,
    #ac836259,
    #4e4647 35%,
    #203943 90%
  );
}
.v123-weather-world[data-day-phase="night"] .v122-flat-map {
  filter: brightness(0.84) saturate(0.8);
}
.v123-flat-weather {
  inset: var(--world-weather-height, 64px) 0 24px;
  border-radius: 0;
}
.v123-flat-clouds {
  position: absolute;
  inset: 2% 0 0;
  opacity: var(--cloud-cover);
}
.v123-flat-clouds > span {
  position: absolute;
  width: 22%;
  height: 13%;
}
.v123-flat-clouds b {
  position: absolute;
  width: 58%;
  height: 75%;
  border-radius: 50%;
  background: var(--cloud-shade);
  box-shadow: inset 0 -8px 15px #23405125;
}
.v123-flat-clouds b:nth-child(2) {
  left: 28%;
  top: -22%;
  height: 95%;
}
.v123-flat-clouds b:nth-child(3) {
  left: 55%;
}
.v123-flat-fog {
  position: absolute;
  inset: 15% -8% 0;
  background:
    radial-gradient(ellipse at 35% 50%, #b1c7ce99, transparent 65%),
    linear-gradient(transparent 10%, #b2c4ce70 70%, transparent);
  filter: blur(10px);
}
.v123-weather-world[data-day-phase="night"] .v123-flat-fog {
  opacity: 0.65;
}
.v123-flat-lightning {
  position: absolute;
  width: 11%;
  height: 26%;
  top: 10%;
  left: 17%;
  opacity: 0;
  animation: v123-lightning 14s linear infinite;
}
@keyframes v123-lightning {
  0%,
  14%,
  20%,
  100% {
    opacity: 0;
  }
  17% {
    opacity: 0.75;
  }
}
.v123-weather-world[data-thunder="true"] .v122-flat-map {
  filter: brightness(0.83) saturate(0.82);
}
.v123-weather-world[data-weather="cloudy"][data-day-phase="day"] {
  background: radial-gradient(ellipse at 35% 0%, #617b88, #304858 60%, #253e4b);
}
.v123-weather-world[data-weather="fog"][data-day-phase="day"] {
  background: radial-gradient(
    ellipse at 40% 20%,
    #849b9e,
    #526d76 65%,
    #344e5c
  );
}
.v123-weather-world[data-thunder="true"][data-day-phase="day"] {
  background: radial-gradient(ellipse at 40% 0%, #435064, #243645 60%, #203844);
}
@media (prefers-reduced-motion: reduce) {
  .v123-flat-lightning {
    animation: none;
    opacity: 0.27;
  }
}

/* Revealed ingredients can be placed directly from the paid hint. */
.cauldron-dock.has-ingredient-hint {
  grid-template-rows: auto auto auto;
  max-height: calc(
    100dvh - var(--screen-top, 0px) - var(--screen-bottom, 0px) - 28px
  );
  overflow-y: auto;
}
.cauldron-result.hint-with-ingredients {
  padding: 6px 10px 10px;
  text-shadow: none;
}
.hint-ingredients {
  width: 100%;
  min-width: 0;
  text-align: left;
}
.hint-ingredients-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  color: #89f5e8;
  font-size: 10px;
  letter-spacing: 0.08em;
}
.hint-dismiss {
  min-width: 36px;
  min-height: 36px;
  flex: 0 0 36px;
  font-size: 22px;
  line-height: 1;
  color: #d5d7eb;
  border-radius: 9px;
  cursor: pointer;
}
.hint-ingredient-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 7px;
}
.hint-ingredient {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 52px;
  padding: 9px 10px;
  border: 1px solid #87ebdc75;
  border-radius: 12px;
  background: #53d6c91c;
  color: #f0fffb;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
}
.hint-ingredient-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.hint-ingredient strong,
.hint-ingredient small {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.3;
}
.hint-ingredient small {
  font-size: 11px;
  color: #b9f2e8;
  font-weight: 500;
}
.hint-ingredient-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}
.hint-ingredient:disabled {
  cursor: default;
  background: #11152945;
  border-color: #b6c7d43b;
  color: #c5d6d6;
}
.hint-ingredient:disabled small {
  color: #b3c6c6;
}
.hint-ingredient:not(:disabled):hover {
  background: #53d6c935;
}
.hint-ingredient:focus-visible,
.hint-dismiss:focus-visible {
  outline: 2px solid #a5fff0;
  outline-offset: 2px;
}
.hint-ingredients-help {
  display: block;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 400;
  color: #d0dcd9;
}
html[data-display="tv"] .hint-ingredient {
  min-height: 64px;
  font-size: 18px;
}
html[data-display="tv"] .hint-ingredient small,
html[data-display="tv"] .hint-ingredients-help {
  font-size: 14px;
}
html[data-display="tv"] .hint-dismiss {
  min-width: 44px;
  min-height: 44px;
}

.cauldron-actions .hint-action small {
  flex-wrap: wrap;
  max-width: 100%;
  line-height: 1.25;
  row-gap: 2px;
}
.cauldron-actions .hint-action small i {
  display: none;
}
.cauldron-actions .hint-action .hint-reset {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* The invitation remains one button with two distinct, wrapping text lines. */
.device-auto-fullscreen {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.4;
}
.device-auto-fullscreen input {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  accent-color: #76d9c5;
}
.wave-friend-button {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  height: auto;
  min-height: 76px;
  padding: 14px 16px;
  text-align: left;
  white-space: normal;
}
.wave-friend-button > span {
  display: grid;
  place-items: center;
  font-size: 28px;
  line-height: 1;
}
.wave-friend-button > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.wave-friend-button strong,
.wave-friend-button small {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wave-friend-button strong {
  font-size: 14px;
  line-height: 1.35;
}
.wave-friend-button small {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  opacity: 0.86;
}
[data-display="tv"] .wave-friend-button strong {
  font-size: 20px;
}
[data-display="tv"] .wave-friend-button small {
  font-size: 16px;
}

/* Full names and a separate corner for status marks, at every viewport size. */
.element-grid {
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
}
.element-tile {
  min-width: 0;
  display: grid;
}
.element-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  height: max-content;
  min-height: 110px;
  padding: 24px 8px 12px;
  gap: 8px;
}
.element-card .element-name {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.element-card .tested-label {
  display: grid;
  place-items: center;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  padding: 0;
  border-radius: 50%;
  background: #5fe1d417;
  color: #8ce3d8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  overflow-wrap: normal;
}
.element-card.tested-pair:not(.selected) {
  opacity: 0.8;
}
.element-card .new-dot,
.element-card .secret-dot {
  font-size: 8px;
  line-height: 1.2;
}
.element-card .tested-label + .new-dot {
  left: 24px;
}
.cauldron-workbench {
  grid-template-columns: minmax(0, 0.95fr) minmax(48px, 0.8fr) minmax(
      118px,
      1.2fr
    );
  height: auto;
  min-height: 130px;
}
.cauldron-first {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 6px;
  height: auto;
  min-height: 88px;
  padding: 10px 6px;
}
.cauldron-first > small {
  max-width: 100%;
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.cauldron-actions > button:last-child {
  grid-column: 1 / -1;
  font-size: 12px;
  white-space: normal;
  line-height: 1.3;
}
html[data-display="tv"] .cauldron-actions > button:last-child {
  font-size: 16px;
}
.cauldron-dock .cauldron-pot {
  width: 100%;
  max-width: 148px;
}
.cauldron-dock .cauldron-art {
  width: 100%;
  max-width: 148px;
}
@media (min-width: 600px) {
  .element-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .cauldron-workbench {
    grid-template-columns: minmax(150px, 1fr) minmax(78px, 1fr) minmax(
        138px,
        1fr
      );
    gap: 12px;
  }
  .cauldron-first {
    grid-template-columns: 34px minmax(0, 1fr);
    text-align: left;
    min-height: 68px;
    padding: 12px;
    gap: 10px;
  }
  .cauldron-first > small {
    width: 100%;
    font-size: 13px;
  }
}
@media (min-width: 1000px) {
  .element-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .element-card .element-name {
    font-size: 14px;
  }
}
html[data-display="tv"] .element-grid {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
html[data-display="tv"] .element-card {
  min-height: 132px;
  padding-top: 28px;
}
html[data-display="tv"] .element-card .tested-label {
  width: 18px;
  height: 18px;
  font-size: 14px;
}
html[data-display="tv"] .cauldron-workbench {
  height: auto;
  grid-template-columns: minmax(0, 1fr) minmax(48px, 0.8fr) minmax(120px, 1.2fr);
}
@media (min-width: 1400px) {
  html[data-display="tv"] .cauldron-workbench {
    grid-template-columns: minmax(170px, 1.1fr) minmax(90px, 0.8fr) minmax(
        190px,
        1fr
      );
  }
}
@media (max-width: 1399px) {
  html[data-display="tv"] .cauldron-first {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    padding: 10px 6px;
  }
}

.game-shell .era-backdrop {
  background-image: none !important;
  background: #111925;
}
.game-shell .era-scrim {
  background:
    radial-gradient(ellipse at 15% 0, #304e4860, transparent 55%),
    linear-gradient(155deg, #151d2c60, #151329aa);
}
.game-shell > .ambient {
  opacity: 0.12;
}
.topbar .eyebrow {
  display: none;
}
.v123-game-navigation {
  position: relative;
  z-index: 25;
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(56px, 1fr);
  gap: 8px;
  margin: 12px 0;
}
.v123-game-navigation .v123-main-navigation {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  gap: 8px;
}
.v123-more-menu summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 66px;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #a5c9c329;
  border-radius: 16px;
  background: #20243c;
  cursor: pointer;
  list-style: none;
  color: #d9e7e4;
}
.v123-more-menu summary::-webkit-details-marker {
  display: none;
}
.v123-more-menu summary > span {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 2px;
}
.v123-more-menu summary small {
  font-size: 11px;
  font-weight: 650;
}
.v123-more-menu summary:focus-visible {
  outline: 2px solid #9be8d2;
  outline-offset: 3px;
}
.v123-more-menu[open] summary {
  border-color: #95dbbf;
  background: #28413f;
}
.v123-game-navigation .v123-secondary-navigation {
  position: absolute;
  z-index: 12;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  border: 1px solid #9dccbd44;
  border-radius: 18px;
  background: #1c2335;
  box-shadow: 0 16px 40px #050814aa;
}
.v123-secondary-navigation button {
  min-height: 64px;
  white-space: normal;
}
.v123-goal-outcome {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 2px solid #a1ca91;
  background: #a1ca910b;
  border-radius: 0 10px 10px 0;
  color: #d6e5d9;
  font-size: 12px;
  line-height: 1.5;
}
.v123-goal-outcome > span {
  display: block;
  margin-bottom: 3px;
  font-size: 9px;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #a4c59f;
}
.v123-watch-toggle {
  position: absolute;
  bottom: 11px;
  left: 14px;
  z-index: 6;
  min-height: 38px;
  max-width: calc(100% - 28px);
  padding: 8px 12px;
  border: 1px solid #bfdfce3d;
  border-radius: 12px;
  background: #152c36dd;
  color: #e0f1e5;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.world-window .v116-world-touch-note {
  display: none;
}
.v123-watch-toggle {
  pointer-events: auto;
}
.world-window .v123-weather-world .v116-world-stage {
  bottom: 58px;
}
.v123-weather-world .v122-flat-map,
.v123-weather-world .v123-flat-weather {
  bottom: 58px;
  height: calc(100% - var(--world-weather-height, 64px) - 58px);
}
.v123-discovery-notice {
  position: fixed;
  z-index: 80;
  top: calc(var(--screen-top, 0px) + 12px);
  left: 50%;
  transform: translateX(-50%);
  width: min(430px, calc(100vw - 24px));
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid #9dd7be73;
  border-radius: 16px;
  background: #192f35f7;
  box-shadow: 0 8px 24px #030b1470;
}
.v123-discovery-notice > div {
  flex: 1;
  min-width: 0;
}
.v123-discovery-notice small {
  display: block;
  font-size: 9px;
  letter-spacing: 0.06em;
  color: #b9d89c;
}
.v123-discovery-notice strong {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.v123-discovery-notice button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 8px;
  border-radius: 10px;
  background: #60998229;
  color: #d5f5e7;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.v123-discovery-notice button:last-child {
  min-width: 32px;
  font-size: 22px;
  background: none;
}
html[data-world-watch="true"] {
  overflow: hidden;
}
html[data-world-watch="true"] .device-world-column {
  position: static;
}
:root[data-world-watch="true"] body .cauldron-dock,
:root[data-world-watch="true"] body .v116-dock-return {
  display: none !important;
}
.world-window.v116-world-window[data-watch="true"] {
  position: fixed !important;
  z-index: 100;
  inset: var(--screen-top, 0px) 0 var(--screen-bottom, 0px);
  width: auto !important;
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.world-window[data-watch="true"] .v123-watch-toggle {
  bottom: 14px;
  min-height: 44px;
}
.world-window.v116-world-window[data-watch="true"] {
  transform: none !important;
  animation: none !important;
  transition: none !important;
  margin: 0 !important;
}
html[data-display="tv"] .v123-goal-outcome {
  font-size: 18px;
}
html[data-display="tv"] .v123-goal-outcome > span {
  font-size: 12px;
}
html[data-display="tv"] .v123-watch-toggle {
  min-height: 48px;
  font-size: 17px;
}
html[data-display="tv"] .v123-more-menu summary {
  min-height: 82px;
}
html[data-display="tv"] .v123-more-menu summary small {
  font-size: 16px;
}
@media (max-width: 359px) {
  .v123-discovery-notice {
    gap: 4px;
    padding: 8px;
  }
  .v123-discovery-notice small {
    font-size: 8px;
  }
}

/* Darken the tile surface, keeping names and icons readable. */
.game-shell .element-card.tested-pair:not(.selected) {
  opacity: 1;
  background: #080b18;
  background-image: none;
  border-color: #525e76;
  box-shadow: inset 0 0 0 1px #ffffff08;
}
.game-shell .element-card.tested-pair:not(.selected) .element-emoji { opacity: .72; }
.game-shell .element-card .tested-label { background: #1b4345; color: #b2fff0; }
.untried-filter {
  margin: 8px 0; padding: 10px 16px; min-height: 44px;
  border: 1px solid #8582a5; border-radius: 14px;
  background: #25203b; color: #f0eff7; font: inherit; cursor: pointer;
}
.untried-filter[aria-pressed="true"] { background: #214845; border-color: #79d9cd; }
.untried-filter:disabled { opacity: .65; cursor: default; }

.topbar-actions .share-invitation { width:auto; min-width:58px; padding:8px 10px; font-size:12px; font-weight:650; }
.topbar-actions .device-shortcut { font-size:25px; }
.share-invitation-panel p { line-height:1.6; }
.share-invitation-confirm { width:100%; min-height:48px; padding:12px; border-radius:14px; background:#255952; color:#edfff9; border:1px solid #8ac9bd; font:inherit; cursor:pointer; }
.v123-game-navigation .artifact-shortcut { padding-top:24px; }
.v123-game-navigation .artifact-shortcut .artifact-count {
  position:absolute; top:4px; right:4px; left:auto; bottom:auto;
  transform:none; width:max-content; min-width:0; max-width:calc(100% - 8px);
  height:auto; min-height:0; padding:3px 5px; box-sizing:border-box;
  font-size:10px; line-height:1.1; white-space:nowrap; letter-spacing:0;
  border-radius:8px;
}

.world-window .v128-world .v116-world-stage { inset:0; height:100%; }
.v128-world .v116-world-stage { opacity:0; pointer-events:none; }
.v128-world.is-ready .v116-world-stage { opacity:1; pointer-events:auto; }
.v128-world .v116-world-canvas { touch-action:pan-y; cursor:grab; }
.v128-world .v116-world-canvas:active { cursor:grabbing; }
.v128-world .v116-world-canvas:focus-visible { outline:2px solid #b9e4cb; outline-offset:-5px; }
.world-window[data-watch="true"] .v116-world-canvas { touch-action:none; }
.world-window .v128-world .city-weather,html[data-display="tv"] .v128-world .city-weather { left:14px; right:14px; max-width:none; }
.v128-world .city-weather-open { padding:8px 0; gap:16px; }
.v128-world .city-weather-value { margin-left:auto; text-align:right; }
.v128-world .city-weather-edit { display:none; }
.v128-world .city-weather-place,.v128-world .city-weather-value { text-shadow:0 1px 5px #15232f; }
.v128-world .v123-watch-toggle { border:0; background:#172b3480; backdrop-filter:blur(5px); }
.world-loading { position:absolute; inset:0; z-index:2; pointer-events:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:75px 26px; text-align:center; color:#dceee3; background:radial-gradient(ellipse at center,#304f51,#172836); box-sizing:border-box; }
.world-loading-mark { font-size:52px; color:#c4d6a3; }
.world-loading strong { font-size:16px; }
.world-loading p { max-width:320px; margin:0; font-size:13px; line-height:1.6; }
.world-loading progress { width:140px; height:4px; accent-color:#b8d5b9; }
.world-loading button { min-height:44px; border:1px solid #bbd7c766; border-radius:12px; padding:10px 16px; background:#3a5956; color:#f1f6f0; font:inherit; cursor:pointer; }
.world-help-toggle { position:absolute; right:14px; bottom:10px; z-index:6; pointer-events:auto; width:44px; height:44px; border:0; border-radius:50%; background:#172b3480; color:#d4e5db; font:inherit; cursor:pointer; }
.world-gesture-help { position:absolute; z-index:7; bottom:62px; right:14px; left:14px; padding:16px; border:1px solid #a1cab850; border-radius:16px; background:#162c36f5; color:#e3eee5; font-size:13px; line-height:1.5; }
.world-gesture-help p { margin:8px 0 0; }
@media(min-width:700px){.world-gesture-help{left:auto;max-width:320px;}}

.goal-hub{display:grid;gap:24px;padding:8px 0 24px}
.goal-section{display:grid;gap:10px}.goal-section header h3{margin:0;font-size:20px}.goal-section header p{margin:6px 0 8px;color:#aeb9cb;font-size:13px}
.goal-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;border:1px solid #9dafcc29;border-radius:16px;background:#222640}
.goal-row.ready{border-color:#94ceb871;background:#263d42}.goal-row.claimed{opacity:.65}.goal-status{color:#abe3c8;text-align:center}.goal-row strong{font-size:14px}.goal-row p{font-size:12px;line-height:1.5;margin:5px 0;color:#bfc5d2}.goal-row progress{height:4px;width:100%;accent-color:#9fccba}
.goal-row button{min-height:44px;max-width:115px;padding:8px 10px;border:1px solid #b9d2b84a;border-radius:12px;background:#52756a33;color:#def0cf;font:inherit;font-size:12px;white-space:normal;cursor:pointer}.goal-row button:disabled{border-color:transparent;background:transparent;color:#abb4c6;cursor:default}
.goal-later{border:1px solid #9dafcc29;border-radius:16px;padding:14px}.goal-later summary{cursor:pointer;min-height:24px;color:#c7d5df}.goal-later[open] summary{margin-bottom:18px}.goal-extras .streak-hero,.goal-extras .daily-list,.goal-extras .invite-button{display:none}
.v123-main-navigation button{min-width:0!important;overflow:visible!important}.v123-main-navigation button small{display:block!important}
@media(max-width:360px){.goal-row{padding:10px;gap:7px;grid-template-columns:18px minmax(0,1fr) auto}.goal-row button{max-width:80px}}
html[data-display="tv"] .goal-row strong{font-size:20px}html[data-display="tv"] .goal-row p,html[data-display="tv"] .goal-row button{font-size:17px}

.v130-element-visual{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important}
.v130-element-visual img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;filter:drop-shadow(0 3px 3px #0004)}
.v130-element-visual .v130-icon-fallback{display:none}.v130-element-visual[data-failed="true"] .v130-icon-fallback,.v130-element-visual:not(:has(img)) .v130-icon-fallback{display:inline}
.game-shell .element-card .element-emoji.v130-element-visual{width:56px;height:56px;font-size:36px;flex-shrink:0}
.v130-element-visual.v113-selected-icon{width:42px;height:42px}.v130-element-visual.v113-reaction-icon{width:50px;height:50px}
.cauldron-dock .cauldron-pot>.cauldron-3d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:144px;filter:drop-shadow(0 9px 9px #0005);pointer-events:none;display:block}
.cauldron-3d canvas,.cauldron-3d-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.cauldron-3d canvas{opacity:0}.cauldron-3d canvas.ready{opacity:1}
.cauldron-dock[data-mix-style] .cauldron-aura{background:radial-gradient(ellipse,var(--mix-tint,#81dab3),transparent 70%);opacity:.23}
.cauldron-dock[data-mix-style] .cauldron-steam{background:var(--mix-tint,#81dab3)}
.cosmetics-panel{padding:18px;margin-bottom:24px;border:1px solid #c5b5e433;border-radius:20px;background:#25223a}.cosmetics-panel h3{margin:0}.cosmetics-panel header p{font-size:13px;color:#b7bfd3;line-height:1.5}
.cosmetic-skins{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.cosmetic-skins button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px;border:1px solid #a6a2c744;border-radius:14px;background:#161e30;color:#e3e4ef;font:inherit;cursor:pointer}
.cosmetic-skins img{width:100%;height:105px;object-fit:contain}.cosmetic-skins strong{font-size:13px;line-height:1.4}.cosmetic-skins small{color:#b2bcce;font-size:11px;line-height:1.4}.cosmetic-skins button:disabled{opacity:.6;cursor:default}.cosmetic-skins button[aria-pressed="true"]{border-color:var(--skin-color);background:#263b43}
.cosmetics-panel fieldset{border:0;border-top:1px solid #8c9db433;margin:22px 0 0;padding:16px 0 0;display:flex;gap:8px;flex-wrap:wrap}.cosmetics-panel legend{padding-top:16px;font-size:14px}.cosmetics-panel fieldset button{min-height:44px;padding:8px 12px;background:#33384f;color:#e1e4ef;border:1px solid #86919f55;border-radius:12px;font:inherit;font-size:12px;cursor:pointer}.cosmetics-panel fieldset button[aria-pressed="true"]{background:#335551;border-color:#b2d2b9}.cosmetics-panel fieldset button:disabled{opacity:.4;cursor:default}.cosmetics-panel fieldset small{width:100%;color:#aab4c6;font-size:11px}
.cosmetic-reward{color:#c6e4b8!important;font-size:12px!important}.cosmetic-title{display:block;color:#bcdfb5;font-size:12px}.achievement-share{background:#304e53!important;color:#d9e9de!important;line-height:1.5;white-space:normal}
.player-strip:has(.cosmetic-title){position:relative;padding-bottom:20px}.player-strip>.cosmetic-title{position:absolute;bottom:0;left:0}
.achievement-card{min-width:0}.achievement-card strong,.achievement-card p{overflow-wrap:anywhere}
@media(max-width:359px){.cosmetic-skins{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-skins img{height:88px}.cosmetics-panel{padding:12px}.cauldron-dock .cauldron-pot>.cauldron-3d{height:130px}}

.world-ranking{display:grid;gap:16px;padding:8px 0 22px}.ranking-tabs{display:flex;gap:10px}.ranking-tabs button,.ranking-refresh,.world-ranking [role="status"] button{min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #b1c8bc44;background:#252b40;color:#dfe9e5;font:inherit;cursor:pointer}.ranking-tabs button{flex:1}.ranking-tabs button[aria-pressed="true"]{background:#33534f;border-color:#9dcfb7}.ranking-order{margin:0;font-size:12px;line-height:1.6;color:#b6c1d0}.ranking-own{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px;border-radius:18px;background:#2a3e49}.ranking-own strong{grid-row:span 2;font-size:32px;color:#dcd4a3}.ranking-own small{font-size:11px;color:#b8d0c5}.ranking-own span{font-size:12px}.ranking-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 10px;border-bottom:1px solid #889bac33}.ranking-row.current{background:#3e635d38;border-radius:12px;border:1px solid #a2c4af66}.ranking-row strong{font-size:14px;overflow-wrap:anywhere}.ranking-row small{display:block;font-size:10px;line-height:1.5;color:#aebccc}.ranking-row>span{text-align:right;font-size:18px;color:#d8dfb4}.world-ranking h3{margin:6px 0 0;font-size:18px}

.v134-world .world-clock { position:absolute; top:94px; left:16px; z-index:3; display:flex; align-items:center; gap:16px; color:#eef3ea; text-shadow:0 2px 12px #102a35; pointer-events:none; }
.world-clock-switch { display:flex; flex-direction:column; align-items:flex-start; border:0; padding:0; background:none; color:inherit; font:inherit; cursor:pointer; pointer-events:auto; min-height:60px; }
.world-clock time { font-size:clamp(32px,4vw,48px); line-height:1.05; font-weight:500; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.world-clock small { font-size:10px; opacity:.75; margin-top:5px; }
.world-battery { display:flex; gap:7px; align-items:center; font-size:11px; opacity:.85; }
.world-window[data-watch="true"] .world-clock { top:100px; left:24px; }
.world-window[data-watch="true"] .world-clock time { font-size:clamp(48px,7vw,88px); }
.world-window[data-watch="true"] .world-clock small { font-size:12px; }
.world-find-notice { position:absolute; z-index:8; bottom:70px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); box-sizing:border-box; padding:13px 22px; border:1px solid #adcdb34d; border-radius:16px; color:#f1f7ee; background:#172e32ed; box-shadow:0 10px 30px #1025294d; pointer-events:none; text-align:center; }
.world-find-notice small,.world-find-notice strong { display:block; }
.world-find-notice small { font-size:9px; letter-spacing:.16em; color:#b6d8b9; margin-bottom:5px; }
.world-find-notice strong { font-size:16px; line-height:1.4; }
.world-find-accessible { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.world-find-accessible:focus-visible { clip-path:none; width:auto; height:auto; bottom:70px; left:16px; z-index:9; padding:12px 18px; border-radius:12px; background:#18352e; color:white; outline:2px solid #cce6b6; }
@media(max-width:400px){.v134-world .world-clock {top:88px;} .world-clock time {font-size:30px;} .world-battery{font-size:10px;gap:4px;} .world-window[data-watch="true"] .world-clock{left:16px;top:98px;} }
@media(max-height:540px) and (min-width:600px){.world-window[data-watch="true"] .world-clock {top:88px;} .world-window[data-watch="true"] .world-clock time {font-size:44px;} }

.v136-world .world-clock,.world-window[data-watch="true"] .v136-world .world-clock{top:14px;left:50%;transform:translateX(-50%);margin:0;justify-content:center;white-space:nowrap;}
.v136-world .city-weather{top:72px;}
.world-window[data-watch="true"] .v136-world .city-weather{top:112px;}
.v136-world .world-mischief{position:absolute;bottom:76px;left:16px;z-index:6;pointer-events:auto;border:1px solid #d2ddc33d;border-radius:20px;padding:10px 16px;background:#153432ca;color:#ecf0df;font:inherit;font-size:13px;min-height:44px;cursor:pointer;}
.v136-world .world-mischief[aria-pressed="true"]{background:#ad7230e8;color:#fff;}
.world-window[data-watch="true"] .v136-world .world-mischief{bottom:76px;}
.world-window[data-watch="true"] .v136-world .repair-notice{bottom:128px;}
.v136-world .repair-notice{position:absolute;bottom:72px;left:16px;right:16px;z-index:4;text-align:center;color:#f7eed5;text-shadow:0 2px 5px #132a29;pointer-events:none;font-size:13px;}
.world-notifications label{display:flex;gap:12px;align-items:center;min-height:48px;cursor:pointer;}
.world-notifications input{width:22px;height:22px;accent-color:#6dcbb7;}
.world-notifications p{font-size:13px;line-height:1.5;opacity:.8;}
@media(max-width:600px){
  .element-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .element-tile,.element-card{min-width:0!important;}
  .element-card{padding:9px 4px!important;min-height:94px!important;gap:6px!important;}
  .element-card .element-icon{width:36px!important;height:36px!important;min-width:36px!important;}
  .element-card .element-name{font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;}
}

.v137-world .city-weather,.world-window[data-watch="true"] .v137-world .city-weather{top:14px;left:16px;right:16px;max-width:none;}
.v137-world .city-weather-open{display:grid;grid-template-columns:minmax(0,1fr) clamp(84px,13vw,140px) minmax(0,1fr);align-items:start;gap:8px;padding:0;min-height:44px;}
.v137-world .city-weather-place{grid-column:1;min-width:0;}
.v137-world .city-weather-value{grid-column:3;min-width:0;max-width:none;width:100%;margin:0;text-align:right;}
.v137-world .city-weather-place strong{display:block;font-size:clamp(17px,2.5vw,28px);line-height:1.15;white-space:normal;overflow-wrap:anywhere;}
.v137-world .city-weather-value strong{display:block;font-size:clamp(24px,3.5vw,36px);line-height:1.05;white-space:nowrap;}
.v137-world .city-weather small{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.25;margin-top:5px;font-size:clamp(10px,1.5vw,14px);}
.v137-world .world-clock,.world-window[data-watch="true"] .v137-world .world-clock{top:14px;left:50%;transform:translateX(-50%);}
.v137-world .world-clock time,.world-window[data-watch="true"] .v137-world .world-clock time{font-size:clamp(30px,4vw,48px);line-height:1.05;}
.v137-world .repair-notice,.world-window[data-watch="true"] .v137-world .repair-notice{bottom:72px;}
.v137-world{background:linear-gradient(180deg,#285f80 0%,#78bdcf 52%,#468b9c 100%);}
.v137-world[data-day-phase="dawn"],.v137-world[data-day-phase="dusk"]{background:linear-gradient(180deg,#314e7c 0%,#ab879f 46%,#d1a28e 67%,#387c91 100%);}
.v137-world[data-day-phase="night"]{background:linear-gradient(180deg,#152746 0%,#294772 55%,#24516b 100%);}
.v137-world[data-weather="rain"],.v137-world[data-weather="sleet"]{background:linear-gradient(180deg,#294858,#668a99 58%,#326577);}
.v137-world[data-weather="snow"],.v137-world[data-weather="fog"]{background:linear-gradient(180deg,#506a82,#a9c9d0 58%,#618e9c);}
.v137-world[data-day-phase="night"][data-weather]{background:linear-gradient(180deg,#152746 0%,#294772 55%,#24516b 100%);}
.discovery-card-v137{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);z-index:1200;box-sizing:border-box;width:min(430px,calc(100vw - 24px));display:grid;grid-template-columns:64px minmax(0,1fr) 36px;gap:12px;padding:16px 10px 16px 16px;border:1px solid #8edbc788;border-radius:22px;background:linear-gradient(135deg,#234d49,#292749);color:#fff;box-shadow:0 10px 30px #09142966;font:inherit;}
.discovery-card-art{align-self:center;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#d3fff115;}
.discovery-card-art .discovery-card-icon{width:58px;height:58px;display:block;}
.discovery-card-copy{min-width:0;}.discovery-card-copy small{font-size:10px;letter-spacing:.12em;color:#a8e7d2;}.discovery-card-copy strong{display:block;font-size:20px;line-height:1.15;margin:5px 0;overflow-wrap:anywhere;}
.discovery-card-copy p{font-size:13px;line-height:1.4;margin:0;color:#edf3f0;}.discovery-card-more{border:0;background:none;color:#b6efd8;padding:9px 0 0;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;min-height:36px;}
.discovery-card-close{background:none;border:0;color:#effff9;font:inherit;font-size:26px;width:36px;height:40px;cursor:pointer;padding:0;}.discovery-card-count{font-size:11px;opacity:.7;margin-left:12px;}
@media(max-width:360px){.v137-world .city-weather-open{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:5px;}.v137-world .city-weather-place strong{font-size:15px;}.v137-world .city-weather-value strong{font-size:22px;}.v137-world .world-clock time{font-size:28px;}.discovery-card-v137{grid-template-columns:46px minmax(0,1fr) 32px;gap:8px;padding:12px;}.discovery-card-art,.discovery-card-art .discovery-card-icon{width:46px;height:46px;}.discovery-card-copy strong{font-size:18px;}}

.discovery-overlay-v138{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;box-sizing:border-box;padding:max(18px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));background:rgba(8,10,24,.62);overscroll-behavior:contain;touch-action:pan-y}
.discovery-card-v138{position:relative;box-sizing:border-box;width:min(430px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 26px 24px;border:1px solid #a99bdd66;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#3b3866 0,transparent 65%),#19182d;color:#fff;box-shadow:0 24px 80px #0008}
.discovery-card-v138 .discovery-card-art{width:104px;height:104px;flex:none;margin:0 auto 14px;background:radial-gradient(circle,#9f89cd44,transparent 70%)}
.discovery-card-v138 .discovery-card-art img{width:100%;height:100%;object-fit:contain}
.discovery-card-v138 .discovery-card-copy{min-width:0;width:100%}
.discovery-card-v138 small{display:block;font-size:11px;letter-spacing:.16em;color:#a9e8d6;font-weight:800;margin:0 25px 8px}
.discovery-card-v138 strong{display:block;font-size:26px;line-height:1.2;overflow-wrap:anywhere}
.discovery-card-v138 p{font-size:16px;line-height:1.5;color:#dedbec;margin:14px 0 20px}
.discovery-card-v138 .discovery-card-close{position:absolute;right:10px;top:10px;min-width:44px;min-height:44px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff20;color:#fff;font-size:26px;display:grid;place-items:center}
.discovery-card-v138 .discovery-card-more{min-height:44px;padding:10px 20px;border-radius:14px;color:#eefbf7;border:1px solid #84d7c655;background:#68c5ad20;font-weight:700}
.discovery-card-v138 button:focus-visible{outline:3px solid #b2f2df;outline-offset:3px}
.discovery-card-v138 .discovery-card-count{display:block;margin-top:12px;color:#c5c0d6;font-size:13px}
@media(max-height:450px){.discovery-card-v138{flex-direction:row;text-align:left;gap:18px;padding:22px}.discovery-card-v138 .discovery-card-art{width:80px;height:80px;margin:0}.discovery-card-v138 small{margin-left:0}.discovery-card-v138 strong{font-size:22px}.discovery-card-v138 p{font-size:14px;margin:8px 0 12px}.discovery-card-v138 .discovery-card-copy{padding-right:24px}}
.v138-element-art{position:relative;isolation:isolate;display:inline-block}
.v138-element-art.is-composition img{position:absolute;object-fit:contain;width:76%;height:76%;filter:drop-shadow(0 2px 2px #1115)}
.v138-element-art.is-composition .icon-layer-0{top:0;left:0;z-index:0}
.v138-element-art.is-composition .icon-layer-1{bottom:-2%;right:-3%;z-index:1;width:64%;height:64%}
.discovery-card-v138 .v138-element-art{width:100%;height:100%}

/* A long result must not expand the dock's implicit grid column past the phone. */
.cauldron-dock { grid-template-columns: minmax(0, 1fr); }
.cauldron-workbench, .cauldron-result, .cauldron-actions { min-width: 0; }
.cauldron-result [data-hint-empty] p { margin: 8px 0 12px; font-size: 14px; line-height: 1.4; font-weight: 500; color: #e8e4f2; overflow-wrap: anywhere; }
.cauldron-result [data-hint-empty] p::first-line { font: inherit; letter-spacing: normal; color: inherit; }
[data-hint-empty] .hint-ingredient { width: 100%; }

/* Native image callouts must not steal a card's hold gesture. Vertical page
   scrolling remains available; the existing movement threshold cancels holds. */
.element-card, .element-card * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.element-card { touch-action: pan-y; }
.element-card .v130-element-visual,
.element-card img { pointer-events: none; -webkit-user-drag: none; }

.raid-entry{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;margin:14px 0;border:1px solid #9994d54a;border-radius:18px;background:linear-gradient(110deg,#243d50,#342957);color:#f7f4ff;font:inherit;text-align:left;cursor:pointer;min-width:0}.raid-entry span{font-weight:650}.raid-entry strong{flex-shrink:0;color:#d8ccff;font-size:.85em}.raid-entry:disabled{opacity:.55}.raids-panel{color:#edeafa;min-width:0}.raid-intro,.raid-rules,.raid-reset{color:#bcb7d1;line-height:1.5}.raid-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.raid-civilization{padding:18px;border:1px solid #a298c638;border-radius:20px;background:linear-gradient(145deg,#27283f,#1c1a30);min-width:0;overflow-wrap:anywhere}.raid-civilization.self{border-color:#64c9bd6b;background:linear-gradient(145deg,#203e45,#1d2035)}.raid-civilization>small{display:block;min-height:2.6em}.raid-total{display:block;font-size:clamp(30px,6vw,46px);color:#fff;line-height:1.3;margin-bottom:14px;font-variant-numeric:tabular-nums}.raid-stat{display:flex;justify-content:space-between;gap:6px;font-size:.9em;padding:7px 0;border-top:1px solid #c7c0df18}.raid-stat span{color:#c6c3d6}.raid-combo{font-size:.8em;color:#91d9cd;line-height:1.4}.raid-contributors{font-size:.78em;color:#b9b4ce;line-height:1.45}.raid-result h3{font-size:1.45em;margin:20px 0}.raid-result>p{color:#bcb7d1;font-size:.88em;line-height:1.5}.raid-reward{margin:18px 0;padding:20px;border-radius:20px;background:#3c34513d;border:1px solid #c9b77a4a}.raid-reward h4{margin:0 0 16px;font-size:1.12em}.raid-gift{display:flex;align-items:center;gap:14px;margin-bottom:18px}.raid-gift>.v130-element-visual{width:70px;height:70px;flex-shrink:0}.raid-reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.raid-reward-actions button,.raid-primary,.raid-refresh{min-height:48px;padding:12px;border:1px solid #b7a9d261;border-radius:14px;background:#39345b;color:#fff;font:inherit;cursor:pointer;line-height:1.35}.raid-reward-actions button:first-child,.raid-primary{background:linear-gradient(115deg,#285960,#50428b)}.raid-primary{width:100%;margin:16px 0 4px;font-weight:650}.raids-panel button:disabled{opacity:.5;cursor:default}.raid-received{padding:16px;border-radius:14px;background:#224541;color:#b4efdb!important}.raid-status{color:#a7ded4}.raid-error{color:#f1d29c;line-height:1.45}.raid-rules{font-size:.86em;margin-top:20px}.raid-reset{display:block;font-size:.8em}.raid-breakdown{margin-top:22px;padding-top:16px;border-top:1px solid #a298c62e}.raid-breakdown summary{cursor:pointer;padding-bottom:12px}.raid-breakdown>div{padding:10px 0;border-top:1px solid #a298c622}.raid-element-power{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px!important;line-height:1.4!important;color:#b4dacd!important;margin:8px 0}.raid-element-power span{white-space:nowrap}@media(max-width:360px){.raid-entry{padding:12px;gap:8px;font-size:13px}.raid-civilization{padding:12px}.raid-comparison{gap:8px}.raid-reward-actions{grid-template-columns:1fr}.raid-stat{font-size:12px}}@media(prefers-reduced-motion:no-preference){.raid-status{animation:raid-breathe 1.8s ease-in-out infinite}@keyframes raid-breathe{50%{opacity:.5}}}

.raid-entry{display:flex;align-items:center;gap:12px}.raid-entry .raid-swords{flex:0 0 52px;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 7px #0008)}.raid-entry>span{flex:1;text-align:left}.raid-entry>strong{white-space:normal}
.raid-plan{padding:20px;border-radius:22px;background:radial-gradient(at 100% 0,#31535e70,transparent 70%),#1b203b;border:1px solid #9ed7dd45;margin:20px 0}.raid-plan h3{font-size:24px;margin:8px 0}.raid-plan>small{color:#9ae4e0;letter-spacing:.1em}.raid-tactics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.raid-tactics button{min-height:60px;background:#11182d;border:1px solid #8a9eb94d;border-radius:14px;color:#dce7f7;padding:9px 5px;font:inherit;font-size:14px;overflow-wrap:anywhere}.raid-tactics button[aria-pressed=true]{background:linear-gradient(135deg,#24747b,#3b557c);color:white;border-color:#91efe1;box-shadow:0 0 18px #43dfbf18}.raid-plan .raid-primary{width:100%}.raid-drill{border:1px solid #9cb8d64d;border-radius:22px;overflow:hidden;background:#121b31}.raid-drill header,.raid-drill footer{display:flex;justify-content:space-between;padding:18px;color:#c6ffec}.raid-drill p{padding:0 18px;font-size:14px}.raid-drill canvas{display:block;width:100%;aspect-ratio:10/7;touch-action:none;user-select:none;-webkit-user-select:none}.raid-battle-report{padding:16px;background:#141c30;border-radius:16px}.raid-battle-report dl{margin:12px 0}.raid-battle-report dl>div{display:flex;justify-content:space-between;padding:6px;border-bottom:1px solid #ffffff0d}.raid-battle-report dl>div:last-child{color:#a9f3c6;font-weight:800}.raid-battle-report dd{margin:0;font-variant-numeric:tabular-nums}.raid-battle-report small{color:#aebed2}
.goal-hub .goal-row{border:1px solid #72bac62f;background:linear-gradient(120deg,#23374a,#25243f);padding:17px 14px;gap:12px;border-radius:20px}.goal-hub .goal-row>div{min-width:0}.goal-hub .goal-row strong{color:#f4f7ff}.goal-hub .goal-row p{color:#bacbdc}.goal-hub .goal-progress-caption{display:flex;justify-content:space-between;gap:8px;margin:12px 0 7px;font-size:13px;color:#c5ffe8;font-variant-numeric:tabular-nums}.goal-progress-caption b{color:#ffdf95;white-space:nowrap}.goal-hub .goal-row progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;background:#0c1d2b;accent-color:#62edb2;box-shadow:inset 0 1px 3px #0009}.goal-row progress::-webkit-progress-bar{background:#0c1d2b;border-radius:9px}.goal-row progress::-webkit-progress-value{background:linear-gradient(90deg,#38cbd0,#6cf3a3);border-radius:9px;box-shadow:0 0 10px #58edbf88;transition:width .4s ease}.goal-row progress::-moz-progress-bar{background:linear-gradient(90deg,#38cbd0,#6cf3a3);border-radius:9px}.goal-hub .goal-row.ready{background:linear-gradient(120deg,#414030,#332942);border-color:#fbd06b80;box-shadow:0 0 20px #f6c75910}.goal-hub .goal-row.ready .goal-status{color:#ffe39a}.goal-hub .goal-row.ready button{background:linear-gradient(135deg,#ffe59e,#eebc69);color:#352719;font-weight:800;border:0;box-shadow:0 4px 15px #efc76530}.goal-hub .goal-row.claimed{opacity:.65}.goal-hub .goal-row button:disabled{color:#b4c5cc}.goal-hub .goal-row.ready button{color:#352719}.goal-hub .goal-row .goal-status{color:#6de4cf}
@media(max-width:540px){.goal-hub .goal-row{grid-template-columns:18px minmax(0,1fr)}.goal-hub .goal-row>button{grid-column:2;justify-self:end;max-width:none}.goal-hub .goal-row>button:disabled{padding:0;min-height:20px;background:none;font-size:12px}.raid-plan{padding:15px}.raid-entry{gap:8px}.raid-entry>strong{font-size:12px}.raid-tactics button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.goal-row progress::-webkit-progress-value{transition:none}}

.raid151{--raid-teal:#83efe0;--raid-gold:#ffdc92;max-width:700px;margin:auto;color:#f0f5ff;min-width:0}
.raid151 button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.raid151 button:disabled{opacity:.55;cursor:default}.raid151 button:focus-visible{outline:3px solid #c4fcf2;outline-offset:3px}
.raid151-arena{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:248px;border:1px solid #b3d9e339;background:#213b48}.raid151-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.raid151-arena:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0b152b66,transparent 35%,#11172af2)}
.raid151-terrain{display:inline-block;margin:15px;padding:6px 11px;border:1px solid #b7dbda3b;border-radius:20px;background:#12253abf;font-size:12px;color:#d4eae8}.raid151-duel{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:8px;margin:112px 16px 18px}.raid151-crossed{width:40px;height:40px;filter:drop-shadow(0 1px 9px #ffd68950)}.raid151-side{min-width:0;display:flex;flex-direction:column;gap:6px}.raid151-side span{font-size:12px;line-height:1.25;overflow-wrap:anywhere;min-height:2.5em;display:flex;align-items:flex-end}.raid151-side strong{font:750 30px/1 system-ui;font-variant-numeric:tabular-nums;color:var(--raid-teal)}.raid151-side.foe{text-align:right}.raid151-side.foe span{justify-content:flex-end}.raid151-side.foe strong{color:#ffb49e}
.raid151-stats{display:flex;justify-content:center;gap:24px;padding:12px 4px;font:600 13px system-ui;color:#c8d8e8}.raid151-stats span{display:flex;align-items:center;gap:6px}.raid151-stats i{font-style:normal;color:#86d6d8}
.raid151-tactics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 14px}.raid151-tactics button{display:flex;min-width:0;align-items:center;flex-direction:column;gap:5px;padding:12px 5px;border:1px solid #929abd36;border-radius:16px;background:linear-gradient(#22273d,#171d30);color:#c1cadd;box-shadow:inset 0 1px #ffffff0b}.raid151-tactics button>span{font-size:25px;line-height:1.1}.raid151-tactics strong{font-size:13px}.raid151-tactics small{font-size:12px;color:#a5c9bd}.raid151-tactics button[aria-pressed=true]{color:#eafff9;background:linear-gradient(135deg,#275968,#234447);border-color:#78e4ce;box-shadow:0 0 14px #45c9b420,inset 0 1px #bdffe321}
.raid151-primary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;min-height:62px;border:1px solid #96e8d08f;border-radius:16px;padding:13px 12px;background:linear-gradient(120deg,#277b7d,#365d91);box-shadow:0 5px 18px #08112545,inset 0 1px #c7fff035;color:white;font-size:21px!important;font-weight:750!important}.raid151-primary small{font-size:11px;font-weight:500;color:#d0eeef}.raid151-secondary{display:block;margin:5px auto 0;padding:11px;min-height:44px;border:0;background:none;color:#b5c3d5;font-size:12px!important;text-decoration:underline;text-underline-offset:3px}.raid151-cooldown{width:100%;height:5px;border:0;border-radius:6px;display:block;margin:10px 0;background:#1b2840;overflow:hidden}.raid151-cooldown::-webkit-progress-bar{background:#1b2840}.raid151-cooldown::-webkit-progress-value{background:linear-gradient(90deg,#64d8bb,#a3e9f5)}
.raid151-status{display:block;margin:12px;text-align:center;font-size:13px;color:#c9f0e7}.raid151-error{display:flex;align-items:center;gap:10px;padding:12px;margin-top:10px;border:1px solid #e0b25a44;border-radius:14px;background:#392b2e;color:#f1dcb5;font-size:13px;line-height:1.4}.raid151-error button{flex:none;min-height:44px;padding:8px;border:1px solid #f0d49850;border-radius:10px;background:#695535;color:#fff0d1}
.raid151-result{text-align:center;padding:12px 0}.raid151-medal{position:relative;width:142px;height:156px;margin:0 auto 6px;filter:drop-shadow(0 0 22px #e8c88438)}.raid151-medal img{width:100%;height:100%;object-fit:contain}.raid151-medal b{position:absolute;left:0;right:0;bottom:34px;font-size:30px;color:#ffe3a1;text-shadow:0 2px 6px #091422}.raid151-result h3{font:750 30px/1.15 system-ui;margin:2px 0 12px}.raid151-reward-label{color:#bfc9dd;font-size:14px;margin:0 0 18px}.raid151-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.raid151-rewards button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;min-height:180px;border:1px solid #b9c7df64;border-radius:20px;padding:18px 10px;background:radial-gradient(at 50% 10%,#49747c4d,transparent 70%),#1c263e;color:#f2f8ff}.raid151-rewards button:last-child{border-color:#dab96f77;background:radial-gradient(at 50% 10%,#ac87344d,transparent 70%),#29263c}.raid151-rewards button:only-child{grid-column:1/-1}.raid151-rewards strong{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.raid151-rewards small{font-size:12px;color:#c7c5db}.raid151-gift{display:grid;place-items:center;width:68px;height:68px}.raid151-gift>*{width:64px;height:64px}.raid151-spark{height:68px;font-size:59px;line-height:1;color:#ffe096;text-shadow:0 0 24px #ffc24b50}
.raid151 .raid-drill{border-color:#8eaeb750;background:#162b3b}.raid151 .raid-drill header{padding:14px 16px;align-items:center;font-size:15px}.raid151 .raid-drill header b{display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:50%;border:2px solid #87e4d7;font-size:18px;font-variant-numeric:tabular-nums}.raid151 .raid-drill canvas{background:#1a303c;aspect-ratio:10/7;width:100%;height:auto;outline-offset:-3px}.raid151 .raid-drill footer{display:flex;align-items:center;padding:14px 16px;gap:10px;font-size:13px}.raid151 .raid-drill footer strong{margin-left:auto;color:#fff1ae;font-size:18px}.raid151-skill{height:5px;background:#203c4d;overflow:hidden}.raid151-skill span{display:block;height:100%;background:linear-gradient(90deg,#6bddc7,#ffdd8e);transition:width .12s ease}.raid151-help{position:absolute;pointer-events:none;top:12px;left:12px;right:12px;text-align:center;font-size:13px;color:#ecfaff;text-shadow:0 2px 8px #000}.raid151-field{position:relative}.raid151 .raid-drill p{margin:0}
@media(max-width:360px){.raid151-duel{margin-left:10px;margin-right:10px;gap:5px}.raid151-tactics{gap:5px}.raid151-tactics strong{font-size:12px}.raid151-stats{gap:18px}.raid151-rewards{gap:8px}}@media(prefers-reduced-motion:reduce){.raid151-skill span{transition:none}}

.tutorial152-backdrop{--tutorial-top:max(14px,calc(var(--device-safe-top,0px) + var(--device-content-top,0px) + 10px),env(safe-area-inset-top));--tutorial-bottom:max(14px,var(--device-safe-bottom,0px),env(safe-area-inset-bottom));position:fixed;inset:0;z-index:2400;box-sizing:border-box;display:grid;place-items:center;padding:var(--tutorial-top) max(14px,env(safe-area-inset-right)) var(--tutorial-bottom) max(14px,env(safe-area-inset-left));background:#080e1dd9;overflow:auto;overscroll-behavior:contain;color:#eef8ff;font-family:inherit}
.tutorial152-card{width:min(100%,510px);box-sizing:border-box;max-height:calc(100dvh - var(--tutorial-top) - var(--tutorial-bottom));overflow:auto;border:1px solid #8bbfb54f;border-radius:25px;padding:23px;background:radial-gradient(at 70% 0,#244f5b77,transparent 60%),#171f34;box-shadow:0 24px 90px #0008;text-align:left;scrollbar-width:thin}
.tutorial152-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;color:#98e7d4}.tutorial152-card header small{font-size:11px;font-variant-numeric:tabular-nums;color:#d4dfed}.tutorial152-card>progress{width:100%;height:4px;border:0;display:block;margin:14px 0 0;border-radius:8px;overflow:hidden;background:#283649}.tutorial152-card progress::-webkit-progress-bar{background:#283649}.tutorial152-card progress::-webkit-progress-value{background:linear-gradient(90deg,#56bfae,#b2f2d8)}
.tutorial152-art{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;height:144px;margin:12px 0 16px;border-radius:18px;background:radial-gradient(ellipse at center,#63cccb1f,transparent 70%);overflow:hidden}.tutorial152-art>span{width:76px;height:76px;display:grid;place-items:center;filter:drop-shadow(0 6px 10px #0005)}.tutorial152-art>span>*{width:100%!important;height:100%!important;object-fit:contain}.tutorial152-art.welcome>span{width:64px;height:64px}.tutorial152-art b{display:grid;place-items:center;width:96px;height:96px;border:1px solid #c0eecf55;border-radius:28px;background:linear-gradient(135deg,#265f59,#294458);font-size:66px;color:#f8db96;box-shadow:0 5px 26px #e8be4420}.tutorial152-art i{position:absolute;font-style:normal;color:#d8f4e9;font-size:23px;bottom:0;letter-spacing:22px}.tutorial152-art.find>span{padding:10px;border-radius:50%;border:2px solid #f8df9b;box-shadow:0 0 16px #f8db9533}.tutorial152-art.find i{bottom:0;letter-spacing:0;color:#f7dd9f}.tutorial152-raid{width:100%;height:100%;object-fit:cover;object-position:center 64%}.tutorial152-pot{width:100%;height:100%;object-fit:contain}.tutorial152-example-goal{position:absolute;bottom:0;left:20%;right:20%;display:flex;gap:8px;align-items:center;color:#b7f0b7}.tutorial152-example-goal progress{height:6px;width:100%;border:0;border-radius:5px;overflow:hidden}
.tutorial152-card h2{font-size:25px;line-height:1.17;letter-spacing:-.5px;margin:0 0 17px;font-weight:750;color:#f0f8ff;outline:0}.tutorial152-copy p{font-size:15px;line-height:1.5;margin:0 0 13px;color:#c6d7e5}.tutorial152-card footer{display:flex;gap:10px;margin-top:22px}.tutorial152-card button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:48px;border-radius:14px}.tutorial152-next{flex:1;border:1px solid #95ddc480;background:linear-gradient(110deg,#33867e,#356498);color:white;font-size:16px!important;font-weight:750!important;padding:12px 14px}.tutorial152-back{width:48px;flex:none;border:1px solid #879eb244;background:#26364b;color:#d9edf2;font-size:24px!important}.tutorial152-later{display:block;margin:7px auto 0;padding:8px 16px;border:0;background:transparent;color:#a7bbc9;font-size:12px!important}.tutorial152-card button:disabled{opacity:.6;cursor:wait}.tutorial152-card button:focus-visible,.tutorial152-coach button:focus-visible{outline:3px solid #e8e8ac;outline-offset:3px}.tutorial152-error{padding:10px;border-radius:10px;background:#5e393540;font-size:13px;color:#ffd4ab}
.tutorial152-coach{position:fixed;z-index:2300;top:calc(max(env(safe-area-inset-top),var(--device-safe-top,0px)) + var(--device-content-top,0px) + 12px);left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:13px 15px;box-sizing:border-box;border:1px solid #79ceb391;border-radius:17px;background:#183446f7;box-shadow:0 10px 30px #0006;color:#efffea}.tutorial152-coach strong{font-size:13px;color:#a7ecd8}.tutorial152-coach p{margin:3px 0 0;font-size:16px}.tutorial152-coach button{min-height:44px;margin-left:auto;border:0;background:transparent;color:#b8ccda;font:inherit;font-size:12px;padding:8px}
@media(max-width:380px),(max-height:700px){.tutorial152-card{padding:18px}.tutorial152-art{height:110px;margin:10px 0 12px}.tutorial152-card h2{font-size:22px;margin-bottom:12px}.tutorial152-copy p{font-size:14px;line-height:1.4}.tutorial152-card footer{margin-top:14px}}@media(max-height:450px){.tutorial152-art{height:75px}.tutorial152-art>span{width:57px;height:57px}.tutorial152-card{max-height:calc(100dvh - var(--tutorial-top) - var(--tutorial-bottom))}}