RARE was updated by
bc1phaeq…yl0tsv — “<svg zoomAndPan="disable" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="RARE_Artwork" class="rare-artwork" data-name="rareArtwork" version="1.1" viewBox="0 0 600 840" role="img" aria-label="Rare Ccard" aria-describedby="rare-artwork-description" data-view="default" data-language="en" data-theme="light" data-color-mode="color" data-press-state="idle" data-pulse-state="idle" data-hover-state="inactive" data-effect-playback="running">
<metadata id="rare-desert-manifest"><![CDATA[{"protocol":"rare-desert","version":1,"role":"host","revision":1}]]></metadata><style data-desert-boot-style="">svg[data-desert-boot-ink] .rare-artwork__paint--grid-tint path{fill:#000!important;fill-opacity:1!important}svg[data-desert-boot-ink] [data-loading-boot-veil]{display:inline!important}svg[data-rare-input-locked="true"],svg[data-rare-input-locked="true"] *{pointer-events:none!important}</style><script><![CDATA[(function () {
'use strict';
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || root.__rareStartupGuard) return;
var cardReady = false, desertReady = false, disposed = false, timer = 0;
var cleanup = [];
function stopWatching() {
window.clearTimeout(timer);
timer = 0;
document.removeEventListener('DOMContentLoaded', checkHandoff);
window.removeEventListener('pagehide', onPageHide);
}
function restoreCard() {
root.removeAttribute('data-desert-boot-ink');
root.removeAttribute('aria-busy');
root.removeAttribute('data-rare-input-locked');
if (root.__rareStartupInputShield) root.__rareStartupInputShield.release();
['data-desert-loading', 'data-desert-loading-progress', 'data-desert-loading-stage',
'data-desert-transition', 'data-desert-backdrop-entering', 'data-desert-document-fade']
.forEach(function (name) { root.removeAttribute(name); });
var overlays = root.querySelectorAll('[data-loading-boot-veil], [data-loading-progress-veil], [data-desert-loading-cells], [data-desert-loading-overlay]');
for (var i = 0; i < overlays.length; i++) {
var node = overlays[i];
if (node.getAnimations) node.getAnimations().forEach(function (animation) { animation.cancel(); });
if (node.hasAttribute('data-loading-boot-veil')) node.style.display = 'none';
else if (node.parentNode) node.parentNode.removeChild(node);
}
root.classList.remove('rare-artwork--initializing');
if (!cardReady) {
root.classList.remove('rare-artwork--live-ready', 'rare-artwork--layout-ready');
root.removeAttribute('data-startup-transition');
root.removeAttribute('data-frame-transition');
root.setAttribute('role', 'img');
['tabindex', 'aria-keyshortcuts', 'aria-live', 'aria-atomic'].forEach(function (name) { root.removeAttribute(name); });
}
root.setAttribute('data-display', 'card');
root.setAttribute('data-desert-startup', 'failed');
root.setAttribute('data-desert-renderer', 'unavailable');
root.setAttribute('data-desert-prepared', 'failed');
root.setAttribute('data-desert-texture', 'failed');
}
function fail(reason, error) {
if (guard.failed || disposed) return;
guard.failed = true; // Retire work before cleanup can dispatch another event.
stopWatching();
var pending = cleanup.slice();
cleanup.length = 0;
for (var i = pending.length - 1; i >= 0; i--) {
try { pending[i](); }
catch (cleanupError) { if (window.console && console.warn) console.warn('RARE startup cleanup:', cleanupError); }
}
restoreCard();
root.setAttribute('data-desert-startup-error', String(reason || 'initialization-failed').slice(0, 120));
if (window.console && console.warn) console.warn('RARE: retaining the card (' + reason + ').', error || '');
}
function checkHandoff() {
if (guard.failed || disposed) return;
// Inline scripts have finished parsing now. GPU/font preparation is not timed out here.
if (!cardReady) fail('card-script-unavailable');
else if (!desertReady) fail('desert-script-unavailable');
else stopWatching();
}
function onPageHide(event) { if (!event.persisted) guard.dispose(); }
var guard = root.__rareStartupGuard = {
failed: false,
own: function (release) {
if (guard.failed || disposed) { release(); return function () {}; }
cleanup.push(release);
return function () { var i = cleanup.indexOf(release); if (i !== -1) cleanup.splice(i, 1); };
},
cardReady: function () { if (!guard.failed) cardReady = true; },
desertReady: function () { if (!guard.failed) desertReady = true; },
fail: fail,
dispose: function () { disposed = true; stopWatching(); cleanup.length = 0; }
};
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', checkHandoff);
else timer = window.setTimeout(checkHandoff, 0);
window.addEventListener('pagehide', onPageHide);
var bounds = root.getBoundingClientRect();
if (bounds.width > 500 && bounds.height > 500) root.setAttribute('data-desert-boot-ink', '');
}());]]></script>
<script><![CDATA[(function installRareFavicon() {
'use strict';
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || root !== document.documentElement || window.self !== window.top) return;
if (root.querySelector('link[data-rare-favicon]')) return;
try {
var icon = document.createElementNS('http://www.w3.org/1999/xhtml', 'link');
icon.setAttribute('rel', 'icon');
icon.setAttribute('type', 'image/png');
icon.setAttribute('sizes', '32x32');
icon.setAttribute('data-rare-favicon', '');
icon.setAttribute('href', 'data:image/png;base64,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');
root.appendChild(icon);
} catch (error) { /* Optional tab identity must not block the artwork. */ }
})();]]></script>
<style>
/* Only executing SVGs hide the card while fonts and layout settle. */
.rare-artwork.rare-artwork--initializing .rare-artwork__canvas,
.rare-artwork.rare-artwork--initializing .rare-artwork__edge-effects { opacity: 0; }
/* Document backgrounds paint before fonts; image contexts retain transparent corners. */
@media (scripting: enabled) {
.rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #817c73; }
@media (min-aspect-ratio: 32 / 45) { .rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #000; } }
@media (min-aspect-ratio: 13 / 18) { .rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #817c73; } }
}
/* BEGIN generated image localization: build-language-fallback.mjs */
/* Original empty-glyph font (CC0-1.0): zero advance 100 / 1000 UPM.
A candidate's ordinary digit metrics open the Japanese clip. Native SVG
keeps image/canvas compatibility; no foreignObject, scripts or requests. */
@font-face { font-family: 'rare-artwork-language-metric'; src: url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMkUQQjAAAAEoAAAAYGNtYXAADACDAAABkAAAADRnbHlmAAAAAAAAAcwAAAABaGVhZFdhoeAAAACsAAAANmhoZWEDIf+eAAAA5AAAACRobXR4AGQAAAAAAYgAAAAGbG9jYQAAAAAAAAHEAAAABm1heHAAAwACAAABCAAAACBuYW1lraZ5VQAAAdAAAAHpcG9zdAAXAAAAAAO8AAAAJgABAAAAAQAACg/e/V8PPPUAAwPoAAAAAHwlsIAAAAAAfCWwgAAAAAAAAAAAAAAAAwACAAAAAAAAAAEAAAMg/zgAAABkAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAEAAAACAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAwBkAZAABQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAPz8/PwAAADAAMAMg/zgAAAMgAMgAAAAAAAAAAAAAAAAAAAAgAAAAZAAAAAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAIAAAAAQABAABAAAAMP//AAAAMP///9EAAQAAAAAAAAAAAAAAAAAAAAAAAAAMAJYAAQAAAAAAAQASAAAAAQAAAAAAAgAHABIAAQAAAAAAAwAUABkAAQAAAAAABAASAAAAAQAAAAAABgASAAAAAQAAAAAADQBEAC0AAwABBAkAAQAkAHEAAwABBAkAAgAOAJUAAwABBAkAAwAoAKMAAwABBAkABAAkAHEAAwABBAkABgAkAHEAAwABBAkADQCIAMtSYXJlTGFuZ3VhZ2VNZXRyaWNSZWd1bGFyUmFyZUxhbmd1YWdlTWV0cmljLTFPcmlnaW5hbCBlbXB0eSBnbHlwaHM7IGRlZGljYXRlZCB0byB0aGUgcHVibGljIGRvbWFpbiB1bmRlciBDQzAtMS4wLgBSAGEAcgBlAEwAYQBuAGcAdQBhAGcAZQBNAGUAdAByAGkAYwBSAGUAZwB1AGwAYQByAFIAYQByAGUATABhAG4AZwB1AGEAZwBlAE0AZQB0AHIAaQBjAC0AMQBPAHIAaQBnAGkAbgBhAGwAIABlAG0AcAB0AHkAIABnAGwAeQBwAGgAcwA7ACAAZABlAGQAaQBjAGEAdABlAGQAIAB0AG8AIAB0AGgAZQAgAHAAdQBiAGwAaQBjACAAZABvAG0AYQBpAG4AIAB1AG4AZABlAHIAIABDAEMAMAAtADEALgAwAC4AAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAEwAA) format('truetype'); font-weight: 400; font-style: normal; }
.rare-artwork__language-metric { font: 100px 'BIZ UDGothic', 'UD Digi Kyokasho N-R', 'Meiryo', 'rare-artwork-language-metric', monospace; font-synthesis: none; }
.rare-artwork__language-reference { font: 100px 'rare-artwork-language-metric', monospace; font-synthesis: none; }
/* Attribute widths fail to full English if CSS geometry is unsupported.
A separate reference gate also preserves English if the embedded font
cannot load. Probe metrics never affect displayed label typography. */
.rare-artwork__metric-wide { width: clamp(0px, calc((1ch - 30px) * 100), 600px); }
.rare-artwork__metric-narrow { width: clamp(0px, calc((30px - 1ch) * 100), 600px); }
.rare-artwork__image-preferred, .rare-artwork__image-preferred-ja { display: none; }
/* Provisional https://github.com/w3c/csswg-drafts/issues/13615 syntax.
Unknown queries do nothing. Recognition disables the font heuristic for
EVERY language. If both en and ja match, English wins the ambiguity.
The live/manual state hides the outer image wrapper and takes priority. */
@media (prefers-lang: ja), not all and (prefers-lang: ja) {
.rare-artwork__image-heuristic { display: none; }
.rare-artwork__image-preferred { display: inline; }
}
@media (prefers-lang: ja) {
@media not all and (prefers-lang: en) {
.rare-artwork__image-preferred-en { display: none; }
.rare-artwork__image-preferred-ja { display: inline; }
}
}
/* END generated image localization */
</style>
<script><![CDATA[
(function () {
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || (root.__rareStartupGuard && root.__rareStartupGuard.failed) || root.classList.contains('rare-artwork--live-ready')) return;
root.classList.add('rare-artwork--initializing');
root.setAttribute('data-rare-input-locked', 'true');
if (!root.__rareStartupInputShield) {
var types = ['pointerdown','pointermove','pointerup','pointercancel','click','dblclick','mousedown','mouseup','touchstart','touchmove','touchend','touchcancel','wheel','keydown','keyup'];
var shield = function (event) {
if (root.getAttribute('data-rare-input-locked') !== 'true') return;
if (root !== document.documentElement && (!event.target || !root.contains(event.target))) return;
event.stopImmediatePropagation();
};
types.forEach(function (type) { root.addEventListener(type, shield, true); });
root.__rareStartupInputShield = {
release: function () {
types.forEach(function (type) { root.removeEventListener(type, shield, true); });
delete root.__rareStartupInputShield;
}
};
}
}());
]]></script>
<style id="rare-artwork-grayscale-palette">
/* Editable silver palette; color mode uses the original paint fallbacks. */
.rare-artwork[data-color-mode="grayscale"] {
--rare-artwork-gray-gold-dark: #6c6c6c;
--rare-artwork-gray-gold-mid: #ababab;
--rare-artwork-gray-gold-light: #d0d0d0;
--rare-artwork-gray-gold-paper: #f9f9f9;
--rare-artwork-gray-shine-white: #f7f7f7;
--rare-artwork-gray-shine-yellow: #f0f0f0;
--rare-artwork-gray-shine-muted: #bcbcbc;
--rare-artwork-gray-shine-gold: #cdcdcd;
--rare-artwork-gray-shine-silver: #b2b2b2;
--rare-artwork-gray-shine-peach: #dadada;
--rare-artwork-gray-shine-bright: #d7d7d7;
--rare-artwork-gray-shine-soft: #e5e5e5;
--rare-artwork-gray-color-29242488: #25252588;
--rare-artwork-gray-surround: #7c7c7c;
--rare-artwork-gray-ink: #000000;
--rare-artwork-gray-color-f9d417: #cecece;
--rare-artwork-gray-color-fdf6c9: #f4f4f4;
--rare-artwork-gray-white: #ffffff;
--rare-artwork-gray-color-c92128: #454545;
--rare-artwork-gray-color-dca1bd: #b0b0b0;
--rare-artwork-gray-grid-tint: #eaeaea;
--rare-artwork-gray-color-d67828: #868686;
--rare-artwork-gray-color-f49e1e: #a7a7a7;
--rare-artwork-gray-color-fae0b5: #e2e2e2;
--rare-artwork-gray-color-96cef0: #c5c5c5;
--rare-artwork-gray-color-b1e3fa: #dadada;
--rare-artwork-gray-color-cce9fa: #e4e4e4;
--rare-artwork-gray-color-51b0e3: #9f9f9f;
--rare-artwork-gray-color-449ed8: #8f8f8f;
--rare-artwork-gray-color-29241c: #242424;
--rare-artwork-gray-color-c5a87988: #ababab88;
--rare-artwork-gray-color-2a2a2a: #2a2a2a;
--rare-artwork-gray-color-383025: #313131;
--rare-artwork-gray-color-484030: #414141;
--rare-artwork-gray-color-a48d65: #8f8f8f;
--rare-artwork-gray-color-9b7e4d: #818181;
--rare-artwork-gray-color-5c492e: #4b4b4b;
--rare-artwork-gray-dark-surround: #191919;
--rare-artwork-gray-japanese-title-ink: #202020;
}
</style>
<title>RARE</title>
<desc id="rare-artwork-description">The RARE card. Click or tap the card to enter the sands of time when available; H switches between card and desert views. Escape progressively clears global changes, or switches views when nothing remains to reset. F cycles card frames, D changes the theme, G switches between color and silverscale, and J switches the English/Japanese title. Swipe vertically to change the card frame or the card/desert view as available. In the card, a short S press produces a shine; hold S, Enter, Space, or the primary pointer to prepare a PNG. Use Save PNG, S, or right-click to save the prepared image. In the desert, double-click a block or crystal to awaken it or return it to rest. Detailed scene controls are available when the desert is ready.</desc>
<defs>
<linearGradient id="rare-artwork-grid-gradient" x1="467.8" x2="1.8" y1="561.6" y2="167.”.
unlockedchange description “<svg zoomAndPan="disable" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="RARE_Artwork" class="rare-artwork" data-name="rareArtwork" version="1.1" viewBox="0 0 600 840" role="img" aria-label="Rare Ccard" aria-describedby="rare-artwork-description" data-view="default" data-language="en" data-theme="light" data-color-mode="color" data-press-state="idle" data-pulse-state="idle" data-hover-state="inactive" data-effect-playback="running">
<metadata id="rare-desert-manifest"><![CDATA[{"protocol":"rare-desert","version":1,"role":"host","revision":1}]]></metadata><style data-desert-boot-style="">svg[data-desert-boot-ink] .rare-artwork__paint--grid-tint path{fill:#000!important;fill-opacity:1!important}svg[data-desert-boot-ink] [data-loading-boot-veil]{display:inline!important}svg[data-rare-input-locked="true"],svg[data-rare-input-locked="true"] *{pointer-events:none!important}</style><script><![CDATA[(function () {
'use strict';
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || root.__rareStartupGuard) return;
var cardReady = false, desertReady = false, disposed = false, timer = 0;
var cleanup = [];
function stopWatching() {
window.clearTimeout(timer);
timer = 0;
document.removeEventListener('DOMContentLoaded', checkHandoff);
window.removeEventListener('pagehide', onPageHide);
}
function restoreCard() {
root.removeAttribute('data-desert-boot-ink');
root.removeAttribute('aria-busy');
root.removeAttribute('data-rare-input-locked');
if (root.__rareStartupInputShield) root.__rareStartupInputShield.release();
['data-desert-loading', 'data-desert-loading-progress', 'data-desert-loading-stage',
'data-desert-transition', 'data-desert-backdrop-entering', 'data-desert-document-fade']
.forEach(function (name) { root.removeAttribute(name); });
var overlays = root.querySelectorAll('[data-loading-boot-veil], [data-loading-progress-veil], [data-desert-loading-cells], [data-desert-loading-overlay]');
for (var i = 0; i < overlays.length; i++) {
var node = overlays[i];
if (node.getAnimations) node.getAnimations().forEach(function (animation) { animation.cancel(); });
if (node.hasAttribute('data-loading-boot-veil')) node.style.display = 'none';
else if (node.parentNode) node.parentNode.removeChild(node);
}
root.classList.remove('rare-artwork--initializing');
if (!cardReady) {
root.classList.remove('rare-artwork--live-ready', 'rare-artwork--layout-ready');
root.removeAttribute('data-startup-transition');
root.removeAttribute('data-frame-transition');
root.setAttribute('role', 'img');
['tabindex', 'aria-keyshortcuts', 'aria-live', 'aria-atomic'].forEach(function (name) { root.removeAttribute(name); });
}
root.setAttribute('data-display', 'card');
root.setAttribute('data-desert-startup', 'failed');
root.setAttribute('data-desert-renderer', 'unavailable');
root.setAttribute('data-desert-prepared', 'failed');
root.setAttribute('data-desert-texture', 'failed');
}
function fail(reason, error) {
if (guard.failed || disposed) return;
guard.failed = true; // Retire work before cleanup can dispatch another event.
stopWatching();
var pending = cleanup.slice();
cleanup.length = 0;
for (var i = pending.length - 1; i >= 0; i--) {
try { pending[i](); }
catch (cleanupError) { if (window.console && console.warn) console.warn('RARE startup cleanup:', cleanupError); }
}
restoreCard();
root.setAttribute('data-desert-startup-error', String(reason || 'initialization-failed').slice(0, 120));
if (window.console && console.warn) console.warn('RARE: retaining the card (' + reason + ').', error || '');
}
function checkHandoff() {
if (guard.failed || disposed) return;
// Inline scripts have finished parsing now. GPU/font preparation is not timed out here.
if (!cardReady) fail('card-script-unavailable');
else if (!desertReady) fail('desert-script-unavailable');
else stopWatching();
}
function onPageHide(event) { if (!event.persisted) guard.dispose(); }
var guard = root.__rareStartupGuard = {
failed: false,
own: function (release) {
if (guard.failed || disposed) { release(); return function () {}; }
cleanup.push(release);
return function () { var i = cleanup.indexOf(release); if (i !== -1) cleanup.splice(i, 1); };
},
cardReady: function () { if (!guard.failed) cardReady = true; },
desertReady: function () { if (!guard.failed) desertReady = true; },
fail: fail,
dispose: function () { disposed = true; stopWatching(); cleanup.length = 0; }
};
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', checkHandoff);
else timer = window.setTimeout(checkHandoff, 0);
window.addEventListener('pagehide', onPageHide);
var bounds = root.getBoundingClientRect();
if (bounds.width > 500 && bounds.height > 500) root.setAttribute('data-desert-boot-ink', '');
}());]]></script>
<script><![CDATA[(function installRareFavicon() {
'use strict';
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || root !== document.documentElement || window.self !== window.top) return;
if (root.querySelector('link[data-rare-favicon]')) return;
try {
var icon = document.createElementNS('http://www.w3.org/1999/xhtml', 'link');
icon.setAttribute('rel', 'icon');
icon.setAttribute('type', 'image/png');
icon.setAttribute('sizes', '32x32');
icon.setAttribute('data-rare-favicon', '');
icon.setAttribute('href', 'data:image/png;base64,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');
root.appendChild(icon);
} catch (error) { /* Optional tab identity must not block the artwork. */ }
})();]]></script>
<style>
/* Only executing SVGs hide the card while fonts and layout settle. */
.rare-artwork.rare-artwork--initializing .rare-artwork__canvas,
.rare-artwork.rare-artwork--initializing .rare-artwork__edge-effects { opacity: 0; }
/* Document backgrounds paint before fonts; image contexts retain transparent corners. */
@media (scripting: enabled) {
.rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #817c73; }
@media (min-aspect-ratio: 32 / 45) { .rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #000; } }
@media (min-aspect-ratio: 13 / 18) { .rare-artwork:root:not(.rare-artwork--layout-ready) { background-color: #817c73; } }
}
/* BEGIN generated image localization: build-language-fallback.mjs */
/* Original empty-glyph font (CC0-1.0): zero advance 100 / 1000 UPM.
A candidate's ordinary digit metrics open the Japanese clip. Native SVG
keeps image/canvas compatibility; no foreignObject, scripts or requests. */
@font-face { font-family: 'rare-artwork-language-metric'; src: url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMkUQQjAAAAEoAAAAYGNtYXAADACDAAABkAAAADRnbHlmAAAAAAAAAcwAAAABaGVhZFdhoeAAAACsAAAANmhoZWEDIf+eAAAA5AAAACRobXR4AGQAAAAAAYgAAAAGbG9jYQAAAAAAAAHEAAAABm1heHAAAwACAAABCAAAACBuYW1lraZ5VQAAAdAAAAHpcG9zdAAXAAAAAAO8AAAAJgABAAAAAQAACg/e/V8PPPUAAwPoAAAAAHwlsIAAAAAAfCWwgAAAAAAAAAAAAAAAAwACAAAAAAAAAAEAAAMg/zgAAABkAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAEAAAACAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAwBkAZAABQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAPz8/PwAAADAAMAMg/zgAAAMgAMgAAAAAAAAAAAAAAAAAAAAgAAAAZAAAAAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAIAAAAAQABAABAAAAMP//AAAAMP///9EAAQAAAAAAAAAAAAAAAAAAAAAAAAAMAJYAAQAAAAAAAQASAAAAAQAAAAAAAgAHABIAAQAAAAAAAwAUABkAAQAAAAAABAASAAAAAQAAAAAABgASAAAAAQAAAAAADQBEAC0AAwABBAkAAQAkAHEAAwABBAkAAgAOAJUAAwABBAkAAwAoAKMAAwABBAkABAAkAHEAAwABBAkABgAkAHEAAwABBAkADQCIAMtSYXJlTGFuZ3VhZ2VNZXRyaWNSZWd1bGFyUmFyZUxhbmd1YWdlTWV0cmljLTFPcmlnaW5hbCBlbXB0eSBnbHlwaHM7IGRlZGljYXRlZCB0byB0aGUgcHVibGljIGRvbWFpbiB1bmRlciBDQzAtMS4wLgBSAGEAcgBlAEwAYQBuAGcAdQBhAGcAZQBNAGUAdAByAGkAYwBSAGUAZwB1AGwAYQByAFIAYQByAGUATABhAG4AZwB1AGEAZwBlAE0AZQB0AHIAaQBjAC0AMQBPAHIAaQBnAGkAbgBhAGwAIABlAG0AcAB0AHkAIABnAGwAeQBwAGgAcwA7ACAAZABlAGQAaQBjAGEAdABlAGQAIAB0AG8AIAB0AGgAZQAgAHAAdQBiAGwAaQBjACAAZABvAG0AYQBpAG4AIAB1AG4AZABlAHIAIABDAEMAMAAtADEALgAwAC4AAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAEwAA) format('truetype'); font-weight: 400; font-style: normal; }
.rare-artwork__language-metric { font: 100px 'BIZ UDGothic', 'UD Digi Kyokasho N-R', 'Meiryo', 'rare-artwork-language-metric', monospace; font-synthesis: none; }
.rare-artwork__language-reference { font: 100px 'rare-artwork-language-metric', monospace; font-synthesis: none; }
/* Attribute widths fail to full English if CSS geometry is unsupported.
A separate reference gate also preserves English if the embedded font
cannot load. Probe metrics never affect displayed label typography. */
.rare-artwork__metric-wide { width: clamp(0px, calc((1ch - 30px) * 100), 600px); }
.rare-artwork__metric-narrow { width: clamp(0px, calc((30px - 1ch) * 100), 600px); }
.rare-artwork__image-preferred, .rare-artwork__image-preferred-ja { display: none; }
/* Provisional https://github.com/w3c/csswg-drafts/issues/13615 syntax.
Unknown queries do nothing. Recognition disables the font heuristic for
EVERY language. If both en and ja match, English wins the ambiguity.
The live/manual state hides the outer image wrapper and takes priority. */
@media (prefers-lang: ja), not all and (prefers-lang: ja) {
.rare-artwork__image-heuristic { display: none; }
.rare-artwork__image-preferred { display: inline; }
}
@media (prefers-lang: ja) {
@media not all and (prefers-lang: en) {
.rare-artwork__image-preferred-en { display: none; }
.rare-artwork__image-preferred-ja { display: inline; }
}
}
/* END generated image localization */
</style>
<script><![CDATA[
(function () {
var script = document.currentScript;
var root = script && script.ownerSVGElement;
if (!root || (root.__rareStartupGuard && root.__rareStartupGuard.failed) || root.classList.contains('rare-artwork--live-ready')) return;
root.classList.add('rare-artwork--initializing');
root.setAttribute('data-rare-input-locked', 'true');
if (!root.__rareStartupInputShield) {
var types = ['pointerdown','pointermove','pointerup','pointercancel','click','dblclick','mousedown','mouseup','touchstart','touchmove','touchend','touchcancel','wheel','keydown','keyup'];
var shield = function (event) {
if (root.getAttribute('data-rare-input-locked') !== 'true') return;
if (root !== document.documentElement && (!event.target || !root.contains(event.target))) return;
event.stopImmediatePropagation();
};
types.forEach(function (type) { root.addEventListener(type, shield, true); });
root.__rareStartupInputShield = {
release: function () {
types.forEach(function (type) { root.removeEventListener(type, shield, true); });
delete root.__rareStartupInputShield;
}
};
}
}());
]]></script>
<style id="rare-artwork-grayscale-palette">
/* Editable silver palette; color mode uses the original paint fallbacks. */
.rare-artwork[data-color-mode="grayscale"] {
--rare-artwork-gray-gold-dark: #6c6c6c;
--rare-artwork-gray-gold-mid: #ababab;
--rare-artwork-gray-gold-light: #d0d0d0;
--rare-artwork-gray-gold-paper: #f9f9f9;
--rare-artwork-gray-shine-white: #f7f7f7;
--rare-artwork-gray-shine-yellow: #f0f0f0;
--rare-artwork-gray-shine-muted: #bcbcbc;
--rare-artwork-gray-shine-gold: #cdcdcd;
--rare-artwork-gray-shine-silver: #b2b2b2;
--rare-artwork-gray-shine-peach: #dadada;
--rare-artwork-gray-shine-bright: #d7d7d7;
--rare-artwork-gray-shine-soft: #e5e5e5;
--rare-artwork-gray-color-29242488: #25252588;
--rare-artwork-gray-surround: #7c7c7c;
--rare-artwork-gray-ink: #000000;
--rare-artwork-gray-color-f9d417: #cecece;
--rare-artwork-gray-color-fdf6c9: #f4f4f4;
--rare-artwork-gray-white: #ffffff;
--rare-artwork-gray-color-c92128: #454545;
--rare-artwork-gray-color-dca1bd: #b0b0b0;
--rare-artwork-gray-grid-tint: #eaeaea;
--rare-artwork-gray-color-d67828: #868686;
--rare-artwork-gray-color-f49e1e: #a7a7a7;
--rare-artwork-gray-color-fae0b5: #e2e2e2;
--rare-artwork-gray-color-96cef0: #c5c5c5;
--rare-artwork-gray-color-b1e3fa: #dadada;
--rare-artwork-gray-color-cce9fa: #e4e4e4;
--rare-artwork-gray-color-51b0e3: #9f9f9f;
--rare-artwork-gray-color-449ed8: #8f8f8f;
--rare-artwork-gray-color-29241c: #242424;
--rare-artwork-gray-color-c5a87988: #ababab88;
--rare-artwork-gray-color-2a2a2a: #2a2a2a;
--rare-artwork-gray-color-383025: #313131;
--rare-artwork-gray-color-484030: #414141;
--rare-artwork-gray-color-a48d65: #8f8f8f;
--rare-artwork-gray-color-9b7e4d: #818181;
--rare-artwork-gray-color-5c492e: #4b4b4b;
--rare-artwork-gray-dark-surround: #191919;
--rare-artwork-gray-japanese-title-ink: #202020;
}
</style>
<title>RARE</title>
<desc id="rare-artwork-description">The RARE card. Click or tap the card to enter the sands of time when available; H switches between card and desert views. Escape progressively clears global changes, or switches views when nothing remains to reset. F cycles card frames, D changes the theme, G switches between color and silverscale, and J switches the English/Japanese title. Swipe vertically to change the card frame or the card/desert view as available. In the card, a short S press produces a shine; hold S, Enter, Space, or the primary pointer to prepare a PNG. Use Save PNG, S, or right-click to save the prepared image. In the desert, double-click a block or crystal to awaken it or return it to rest. Detailed scene controls are available when the desert is ready.</desc>
<defs>
<linearGradient id="rare-artwork-grid-gradient" x1="467.8" x2="1.8" y1="561.6" y2="167.”
This page is the birth record — the living page is
the RARE asset page, with market, holders, and provenance.