/* Original learning chamber and memory tiles. All card imagery is supplied historical art. */
body.temple dialog.flash-game{box-sizing:border-box;width:min(920px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;padding:0;border:1px solid #bba06c;border-radius:24px;color:#eee5d4;background:radial-gradient(ellipse at 50% 15%,#bfa36416,transparent 65%),#10171a;box-shadow:0 30px 100px #000b;overflow-y:auto;overscroll-behavior:contain}
.flash-game::backdrop{background:#050a10e6;backdrop-filter:blur(6px)}
.temple .flash-header{position:sticky;top:0;z-index:3;display:block;padding:18px 24px;background:#11191d;border-bottom:1px solid #b09a603d}
.temple .flash-header>.studio-eyebrow{font-size:10px;letter-spacing:.12em;color:#c7ac73;margin:0 0 8px}.temple .flash-header h2{font-size:31px;line-height:1.2;margin:0;padding-right:110px}
.temple .flash-close{position:absolute;right:20px;top:28px;padding:10px 12px;font-size:12px;background:#232920;color:#e0c997;border-color:#b19c6155}
.flash-body{max-width:760px;padding:20px 28px 32px;margin:auto;min-width:0}.temple .flash-body button{min-height:44px}.flash-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#cfb784;font-size:11px;letter-spacing:.05em;line-height:1.6}.flash-hud progress{display:block;flex-basis:100%;height:5px;margin:0 0 22px;accent-color:#c4a469}
.temple .flash-kicker{font-size:10px;letter-spacing:.14em;color:#c5ac79;margin:8px 0}.temple .flash-stage-title{font:38px/1.15 Georgia,serif;margin:10px 0 16px;max-width:580px}.temple .flash-intro{font-size:16px;line-height:1.7;max-width:640px;margin:0 0 22px;color:#bcb7ab}
.flash-card-scene{position:relative;display:grid;place-items:center;isolation:isolate;margin:18px 0 28px;padding:26px 0;perspective:900px}.flash-card-scene::before{content:'';position:absolute;inset:0 8%;border:1px solid #c1a66b44;border-radius:48% 48% 10px 10px;background:radial-gradient(ellipse at 50% 45%,#d8b96b15,transparent 72%);z-index:-1;box-shadow:inset 0 -20px 40px #bda16708}
.temple .flash-teach-card{display:block;width:210px;aspect-ratio:2/3;padding:0;border:1px solid #c5a77099;border-radius:8px;background:#17201f;box-shadow:0 15px 36px #0009;overflow:hidden;cursor:pointer}
.flash-teach-art{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:contain}.flash-card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;height:100%;background:repeating-linear-gradient(45deg,#b7a26311 0 1px,#14201e 1px 8px);box-shadow:inset 0 0 0 6px #14201e,inset 0 0 0 7px #b39c6055}.flash-card-back img{width:65%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 10px #0005)}.flash-card-back span{font-size:13px;color:#cfb988}
.temple .flash-teaching{padding:20px 24px;border:1px solid #b49c5c55;border-radius:12px;background:linear-gradient(135deg,#2d3020,#121b1e);margin:20px 0}.temple .flash-teaching h4{font:28px/1.25 Georgia,serif;margin:14px 0;color:#e4c98f}.temple .flash-teaching h4:not(:first-of-type){font-size:21px;color:#d4c29b;margin-top:24px}.temple .flash-teaching p{font-size:16px;line-height:1.8}.temple .flash-memory-hook{border-left:2px solid #cfb16e;padding:12px 16px;background:#c3a7650d;color:#decdab}
.flash-study-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.temple .flash-study-actions button{flex:1;min-width:130px;font-size:13px;padding:12px;background:#1c2525;border-color:#b19b5c55;color:#d2bd92}.temple .flash-teach-next{display:block;width:100%;font-size:16px;padding:16px;margin-top:20px}
.flash-memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;perspective:1000px}
.temple .flash-memory-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:228px;height:228px;padding:14px 12px;border:1px solid #b39b6255;border-radius:12px;background:repeating-linear-gradient(135deg,#ad925610 0 1px,#15211f 1px 9px);box-shadow:inset 0 0 0 4px #14201e,0 5px 15px #0004;color:#d6c39e;overflow:hidden}
.flash-memory-tile:not(.is-open)>img{display:block;width:64px;height:64px;object-fit:contain}.flash-memory-tile>span{font-size:13px;line-height:1.4}.flash-memory-tile>small{font-size:10px;letter-spacing:.1em;color:#c5ad79}.temple .flash-memory-tile>strong{font:22px/1.35 Georgia,serif;overflow-wrap:anywhere;font-weight:400;color:#ead5aa}
.temple .flash-memory-tile.is-open{background:linear-gradient(140deg,#2a3529,#14201f);border-color:#c9af7480}.temple .flash-memory-tile.is-matched{background:linear-gradient(145deg,#353b25,#1b2922);border-color:#d2b673;box-shadow:inset 0 0 0 3px #c3ac6310,0 0 20px #c6ad6310;opacity:1;cursor:default}
.flash-tile-art{display:block;width:auto;max-width:100%;height:130px;aspect-ratio:2/3;object-fit:contain;border-radius:3px;box-shadow:0 5px 12px #0005}.temple .flash-memory-tile:disabled{opacity:1}
.temple .flash-memory-feedback{padding:22px;border:1px solid #b8a06c66;border-radius:12px;margin:24px 0;background:#1d2928}.temple .flash-memory-feedback.is-match{background:linear-gradient(135deg,#303821,#14201d);border-color:#ceb676}.temple .flash-memory-feedback h4{font:28px/1.25 Georgia,serif;margin:0 0 18px;color:#e6cea2}.temple .flash-memory-feedback strong{display:block;font-size:17px;line-height:1.5;color:#d4bc89}.temple .flash-memory-feedback p{font-size:16px;line-height:1.7}.temple .flash-acknowledge,.temple .flash-hint,.temple .flash-next-set{display:block;width:100%;padding:15px;font-size:15px;margin-top:16px}.temple .flash-hint{background:transparent;border-color:#b5a06555;color:#c9b583}
.flash-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.temple .flash-collection button{min-width:0;padding:12px;border:1px solid #c5ad7055;background:linear-gradient(145deg,#323b29,#14201e);color:#d9caa7;text-align:left;cursor:zoom-in}.flash-collection-art{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;margin-bottom:12px}.flash-collection strong{display:block;font:20px/1.3 Georgia,serif;margin-bottom:8px}.flash-collection span{font-size:13px;line-height:1.4;display:block}.temple .flash-progress-note{font-size:13px;line-height:1.7;color:#c5ad79}.flash-body>.flash-next-set~button{display:block;width:100%;margin-top:12px;padding:14px;font-size:15px;background:#1c2826;color:#cfbe98;border-color:#b19a6044}
.temple .flash-options{border-top:1px solid #b3a16b33;margin-top:30px;padding-top:20px}.temple .flash-options summary{cursor:pointer;color:#b8aa8b;font-size:13px;min-height:30px}.temple .flash-options label{font-size:14px}.temple .flash-options select{display:block;font-size:16px;margin:10px 0}.temple .flash-options button{display:block;width:100%;margin-top:12px;font-size:14px;padding:13px;background:#1c2726;border-color:#b19b603d}.temple .flash-options p{font-size:13px;line-height:1.7}.temple .flash-storage-warning{font-size:14px;color:#e7c890;padding:14px;border:1px solid #b49d65;border-radius:8px}
.temple .temple-flash-shortcut{display:block;width:min(100%,390px);margin:0 auto 18px;padding:14px 18px;border:1px solid #bfa16a80;border-radius:10px;background:linear-gradient(135deg,#29322b,#151c23);color:#e8cea0}.temple-flash-shortcut strong{display:block;font:24px/1.3 Georgia,serif;font-weight:400}.temple-flash-shortcut small{display:block;margin-top:5px;font-size:13px;line-height:1.5;color:#c5b69b}
@media(max-width:600px){body.temple dialog.flash-game{width:100vw;height:100dvh;border:0;border-radius:0}.temple .flash-header{padding:15px 16px}.temple .flash-header h2{font-size:26px;max-width:100%;padding-right:92px}.temple .flash-close{right:12px;top:24px;font-size:11px;padding:10px}.flash-body{padding:18px 16px 28px}.flash-hud{font-size:10px;gap:8px}.temple .flash-stage-title{font-size:31px}.temple .flash-intro{font-size:15px}.flash-card-scene{margin:14px 0 22px;padding:20px 0}.temple .flash-teach-card{width:190px}.temple .flash-teaching{padding:18px}.temple .flash-teaching h4{font-size:27px}.flash-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.temple .flash-memory-tile{min-height:180px;height:180px;padding:10px;gap:6px}.flash-tile-art{height:88px}.temple .flash-memory-tile>strong{font-size:20px}.temple .flash-memory-tile>span{font-size:12px}.temple .flash-memory-feedback{padding:18px}.flash-collection{gap:8px}.temple .flash-collection button{padding:8px}.flash-collection strong{font-size:17px}.flash-collection span{font-size:12px}.flash-collection-art{margin-bottom:8px}}
@media(prefers-reduced-motion:no-preference){.temple:not(.temple-light) .flash-game[open]{animation:flashWindowIn .4s ease-out}.temple:not(.temple-light) .flash-teach-card.is-revealed{animation:flashTurn .55s ease-out both}.temple:not(.temple-light) .flash-memory-tile.just-turned{animation:flashTurn .38s ease-out both}.temple:not(.temple-light) .flash-teaching{animation:flashMeaningIn .4s ease-out}.temple:not(.temple-light) .flash-memory-feedback.is-match{animation:flashMeaningIn .4s ease-out}@keyframes flashWindowIn{from{opacity:.2;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes flashTurn{from{opacity:.3;transform:perspective(800px) rotateY(85deg) translateY(-6px)}to{opacity:1;transform:none}}@keyframes flashMeaningIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}}
.temple-light .flash-game::backdrop{backdrop-filter:none}

.temple .flash-main-association{font:25px/1.4 Georgia,serif;color:#dcc187;margin:0 0 18px}
