:root{--ink: #eaf4ff;--muted: #91a7bd;--gold: #e7c873;--gold-bright: #fff0b8;--cyan: #8fe9ff;--panel: rgba(10, 18, 28, .82);--panel-border: rgba(120, 200, 230, .22);--danger: #ff6b7a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#04070b}body{display:flex;align-items:center;justify-content:center;color:var(--ink);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#game-container{position:relative;width:min(100vw,200vh);height:min(100vh,50vw);overflow:hidden;background:#070a10;box-shadow:0 0 90px #145a782e}#game-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;touch-action:none}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(11px,.95vw,16px);z-index:2}.ui-layer section,.ui-layer button,.ui-layer input{pointer-events:auto}.hidden{display:none!important}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(2,5,9,.42) 100%),linear-gradient(180deg,rgba(2,5,9,.28),transparent 14%,transparent 86%,rgba(2,5,9,.42))}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(30,76,98,.5),transparent 42%),radial-gradient(circle at 20% 80%,rgba(74,42,96,.24),transparent 42%),linear-gradient(180deg,#05080d,#08111a 58%,#05080d)}.menu-screen:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(circle,rgba(150,230,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(231,200,115,.38) 0 1px,transparent 1.5px);background-size:190px 170px,290px 250px;background-position:0 0,70px 90px;opacity:.45;animation:drift 26s linear infinite}.menu-orbit{position:absolute;border:1px solid rgba(127,231,255,.13);border-radius:50%;pointer-events:none}.menu-orbit:after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.orbit-a{width:74vmin;height:74vmin;animation:spin 46s linear infinite}.orbit-b{width:54vmin;height:54vmin;border-color:#e7c87324;animation:spin 34s linear infinite reverse}.orbit-b:after{background:var(--gold);box-shadow:0 0 18px var(--gold)}.menu-content{position:relative;z-index:2;width:min(760px,88%);padding:2.4em 2em;text-align:center;animation:rise .8s cubic-bezier(.2,.7,.2,1) both}.eyebrow{margin:0 0 .85em;color:var(--cyan);font-size:.68em;font-weight:700;letter-spacing:.38em;text-transform:uppercase}.game-title{margin:0;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(46px,7.4vw,112px);font-weight:700;line-height:.86;letter-spacing:.05em;color:#f4e8c5;text-shadow:0 0 18px rgba(231,200,115,.18),0 0 60px rgba(127,231,255,.12),0 8px 30px rgba(0,0,0,.85)}.game-title span{color:var(--cyan);text-shadow:0 0 18px rgba(127,231,255,.34),0 0 60px rgba(127,231,255,.2)}.menu-subtitle{margin:1.15em 0 0;color:var(--muted);font-size:clamp(11px,1.05vw,17px);letter-spacing:.12em}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.9em;margin-top:2.3em}.btn{min-width:10em;padding:.85em 1.5em;border-radius:.55em;border:1px solid transparent;font:inherit;font-size:.95em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#241a05;background:linear-gradient(180deg,#fff0b8,#d9a93f 62%,#b8862c);border-color:#ffe9a3;box-shadow:0 0 0 1px #fff0b859,0 12px 34px #d8ac5442}.btn-primary:hover{box-shadow:0 0 0 1px #fff0b88c,0 16px 44px #d8ac546b}.btn-ghost{color:var(--ink);background:#0f1d2bd1;border-color:#7fe7ff47;box-shadow:inset 0 0 24px #7fe7ff0d}.btn-ghost:hover{background:#182e42eb;border-color:#7fe7ff8c}.btn:disabled,.btn.is-disabled{cursor:not-allowed;opacity:.38;transform:none;filter:grayscale(.5);box-shadow:none}.menu-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6em;margin-top:2.1em;color:var(--muted);font-size:.76em;letter-spacing:.08em}.menu-hints b{color:var(--gold-bright);font-weight:700}.menu-foot{margin:1.6em 0 0;color:#91a7bda8;font-size:.7em;letter-spacing:.22em;text-transform:uppercase}.settings-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:flex;align-items:center;justify-content:center;background:#03060abd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.settings-card{width:min(560px,92%);max-height:92%;overflow-y:auto;padding:2em;border:1px solid var(--panel-border);border-radius:1em;background:radial-gradient(circle at 50% 0%,rgba(127,231,255,.08),transparent 55%),linear-gradient(160deg,#12202efa,#070c13fc);box-shadow:0 30px 80px #0009;text-align:center}.settings-card h2{margin:0 0 1.2em;font-family:Palatino Linotype,Georgia,serif;font-size:2em;color:var(--gold-bright)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 0;border-bottom:1px solid rgba(127,231,255,.12);color:var(--ink);font-size:.9em}.setting-row input{width:9em;padding:.5em .7em;border:1px solid rgba(127,231,255,.3);border-radius:.4em;background:#04090ee6;color:var(--cyan);font:inherit;font-weight:700;text-align:right;outline:none}.setting-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #7fe7ff1f}.setting-note,.setting-controls{margin:.9em 0;color:var(--muted);font-size:.78em;line-height:1.5}.settings-section{margin:1.1em 0 .2em;padding:.2em .9em .8em;border:1px solid rgba(127,231,255,.12);border-radius:.7em;background:#04090e59;text-align:left}.settings-section h3{margin:.8em 0 .2em;color:var(--cyan);font-size:.7em;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.setting-slider span{flex:1}.setting-slider input[type=range]{width:min(190px,42%);padding:0;border:0;background:transparent;accent-color:var(--cyan);cursor:pointer}.setting-slider b{min-width:3.1em;color:var(--cyan);font-size:.82em;text-align:right}.setting-toggle input[type=checkbox]{width:1.4em;height:1.4em;padding:0;accent-color:var(--cyan);cursor:pointer}.mute-button{width:100%;margin-top:.7em}.mute-button.is-muted{border-color:#ff6b7a80;color:#ff9ca6}.settings-card .btn{margin-top:.8em}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.ui-layer section.hud{pointer-events:none}.hud-top{position:absolute;top:2.2%;left:2%;right:2%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.2em}.hud-panel{border:1px solid var(--panel-border);border-radius:.8em;background:linear-gradient(160deg,#0d1926e6,#060b12db);box-shadow:inset 0 0 30px #7fe7ff08,0 10px 30px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-left{width:min(31%,430px);padding:.72em .9em .8em}.level-row{display:flex;align-items:baseline;gap:.65em;margin-bottom:.55em}.level-badge{color:var(--gold-bright);font-size:1.28em;font-weight:800;letter-spacing:.05em;text-shadow:0 0 14px rgba(231,200,115,.35)}.realm-name{color:var(--cyan);font-size:.82em;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.bar-row+.bar-row{margin-top:.32em}.bar{position:relative;height:1.12em;overflow:hidden;border:1px solid rgba(140,200,225,.2);border-radius:999px;background:#02060ad1}.bar-fill{height:100%;width:0%;border-radius:inherit;transition:width .12s linear}.hp-fill{background:linear-gradient(90deg,#8f1f32,#e8445b 58%,#ff7c8a);box-shadow:0 0 14px #ff5a6e59}.xp-fill{background:linear-gradient(90deg,#256f9a,#55c8e8 62%,#b6f5ff);box-shadow:0 0 14px #7fe7ff52}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#f4f9ff;font-size:.64em;font-weight:700;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.xp-bar{height:.82em}.xp-bar .bar-label{font-size:.52em}.hud-center{display:flex;flex-direction:column;align-items:center;gap:.5em}.timer{min-width:4.6em;padding:.28em .6em;border:1px solid rgba(231,200,115,.28);border-radius:.55em;background:#070d14d1;box-shadow:0 8px 26px #00000052;color:var(--gold-bright);font-family:Courier New,monospace;font-size:clamp(20px,2.2vw,34px);font-weight:700;letter-spacing:.12em;text-align:center;text-shadow:0 0 16px rgba(231,200,115,.32)}.boss-wrap{width:clamp(220px,30vw,450px);padding:.45em .7em .6em;border:1px solid rgba(255,77,98,.4);border-radius:.6em;background:#0f070be0;box-shadow:0 0 28px #ff4d622e}.boss-heading{display:flex;justify-content:space-between;gap:1em;margin-bottom:.3em;color:#ffb0b8;font-size:.64em;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.boss-phase{display:block;margin-bottom:.35em;color:#ffb0b8ad;font-size:.56em;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.boss-bar{height:.5em;overflow:hidden;border-radius:999px;background:#1e050ae6}.boss-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d1225,#e33850 58%,#ff7584);box-shadow:0 0 14px #ff465f73;transition:width .12s linear}.hud-right{display:flex;flex-direction:column;align-items:flex-end;min-width:8em;padding:.7em 1em .75em}.hud-caption{color:var(--muted);font-size:.58em;font-weight:700;letter-spacing:.18em}.kill-number{color:var(--gold-bright);font-size:clamp(22px,2.4vw,38px);font-weight:800;line-height:1.05;text-shadow:0 0 18px rgba(231,200,115,.35)}.skill-bar{position:absolute;bottom:2.4%;left:50%;display:flex;gap:.55em;transform:translate(-50%)}.skill-slot{pointer-events:auto;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(58px,6vw,90px);height:clamp(58px,6vw,90px);overflow:hidden;border:1px solid rgba(127,231,255,.18);border-radius:.65em;background:radial-gradient(circle at 50% 12%,rgba(127,231,255,.08),transparent 60%),linear-gradient(160deg,#0d1926f0,#05090ff5);box-shadow:0 8px 24px #0000004d;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.skill-slot.active{border-color:#7fe7ff73;box-shadow:inset 0 0 24px #7fe7ff0f,0 8px 26px #00000052}.skill-slot.active[data-skill=vanKiem]{border-color:#ffd97a7a}.skill-slot.active[data-skill=thienLoi]{border-color:#b794ff80}.skill-slot.active[data-skill=hoaCau]{border-color:#ff8a4c80}.skill-slot.locked{opacity:.42}.slot-key{position:absolute;top:.2em;left:.4em;color:#b4d7eb8c;font-size:.55em;font-weight:700}.slot-icon{color:var(--cyan);font-size:clamp(17px,1.9vw,28px);line-height:1;text-shadow:0 0 14px rgba(127,231,255,.42)}.skill-slot.active[data-skill=vanKiem] .slot-icon{color:var(--gold-bright)}.skill-slot.active[data-skill=thienLoi] .slot-icon{color:#cbb4ff}.skill-slot.active[data-skill=hoaCau] .slot-icon{color:#ffa46b}.slot-name{max-width:96%;margin-top:.2em;overflow:hidden;color:#d8e8f4;font-size:clamp(7px,.58vw,9.5px);font-weight:700;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.slot-level{color:var(--muted);font-size:.54em;font-weight:700;letter-spacing:.04em}.slot-cooldown{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:0%;background:#020509ad;pointer-events:none;transition:height .06s linear}.modal-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,rgba(30,66,88,.4),transparent 48%),#03060ad1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.levelup-content{width:min(940px,92%);text-align:center;animation:rise .34s cubic-bezier(.2,.7,.2,1) both}.levelup-title{margin:0;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(34px,4.8vw,68px);color:var(--gold-bright);letter-spacing:.06em;text-shadow:0 0 28px rgba(231,200,115,.32),0 10px 34px rgba(0,0,0,.8)}.levelup-sub{margin:.25em 0 0;color:var(--cyan);font-size:.92em;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.levelup-instruction{margin:.9em 0 1.5em;color:var(--muted);font-size:.8em;letter-spacing:.06em}.upgrade-cards{display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,1.4vw,20px)}.upgrade-card{position:relative;display:flex;flex:0 1 clamp(150px,17vw,250px);flex-direction:column;align-items:flex-start;min-height:clamp(220px,26vw,330px);padding:clamp(14px,1.5vw,24px);overflow:hidden;border:2px solid var(--accent);border-radius:.9em;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),linear-gradient(160deg,#132332fa,#060a10fc);box-shadow:inset 0 0 40px #7fe7ff08,0 22px 50px #00000073;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.upgrade-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translate(-120%);transition:transform .4s ease;pointer-events:none}.upgrade-card:hover{transform:translateY(-8px) scale(1.025);box-shadow:0 0 0 1px var(--accent),0 0 34px color-mix(in srgb,var(--accent) 36%,transparent),0 28px 60px #0000008c}.upgrade-card:hover:after{transform:translate(120%)}.upgrade-index{position:absolute;top:.8em;right:.9em;color:#ffffff47;font-size:.72em;font-weight:700}.upgrade-icon{display:flex;align-items:center;justify-content:center;width:2.1em;height:2.1em;margin-bottom:.7em;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:clamp(19px,2.1vw,30px);text-shadow:0 0 18px var(--accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 14%,transparent)}.upgrade-name{color:var(--gold-bright);font-family:Palatino Linotype,Georgia,serif;font-size:clamp(15px,1.35vw,21px);font-weight:700;line-height:1.15}.upgrade-level{margin-top:.35em;color:var(--accent);font-size:.7em;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.upgrade-desc{flex:1;margin-top:.8em;color:#a9bfd2;font-size:clamp(10px,.78vw,13px);line-height:1.45}.upgrade-foot{margin-top:1em;padding-top:.7em;width:100%;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent);font-size:.64em;font-weight:800;letter-spacing:.18em;text-align:center}.levelup-hint{margin:1.3em 0 0;color:#91a7bd99;font-size:.66em;letter-spacing:.24em;text-transform:uppercase}.pause-card,.end-card{width:min(560px,88%);padding:clamp(22px,3vw,44px);border:1px solid var(--panel-border);border-radius:1em;background:radial-gradient(circle at 50% 0%,rgba(127,231,255,.09),transparent 55%),linear-gradient(160deg,#122130fa,#060b11fc);box-shadow:inset 0 0 60px #7fe7ff08,0 30px 90px #000000a6;text-align:center;animation:rise .3s cubic-bezier(.2,.7,.2,1) both}.pause-card h2,.end-card h2{margin:.1em 0 .4em;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(28px,3.2vw,46px);color:var(--gold-bright);letter-spacing:.04em}.pause-card p:not(.eyebrow),.end-flavor{margin:0 0 1.4em;color:var(--muted);font-size:.86em;line-height:1.55}.defeat-card{border-color:#ff6b7a6b;background:radial-gradient(circle at 50% 0%,rgba(255,107,122,.12),transparent 58%),linear-gradient(160deg,#281218fa,#090609fc)}.defeat-card h2{color:#ff9ca6}.victory-card{border-color:#e7c87380;background:radial-gradient(circle at 50% 0%,rgba(231,200,115,.16),transparent 58%),linear-gradient(160deg,#282110fa,#0a0906fc)}.end-stats{display:flex;justify-content:center;gap:clamp(14px,2.4vw,38px);margin:1.5em 0 1.7em}.end-stats div{display:flex;flex-direction:column;gap:.3em}.end-stats span{color:var(--muted);font-size:.6em;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.end-stats b{color:var(--gold-bright);font-size:clamp(18px,1.9vw,28px)}.end-skills{max-width:34em;margin:-.7em auto 1.4em;color:#a9bfd2;font-size:.72em;line-height:1.55;letter-spacing:.03em}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8em;margin-top:1.2em}.toast{position:absolute;top:13%;left:50%;z-index:20;padding:.6em 1.2em;border:1px solid rgba(127,231,255,.35);border-radius:999px;background:#070f17eb;box-shadow:0 12px 34px #00000073;color:var(--ink);font-size:.76em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transform:translate(-50%);animation:toastIn .24s ease both}body[data-game-state=victory] .toast,body[data-game-state=defeat] .toast,body[data-game-state=levelup] .toast{display:none!important}.toast-gold{border-color:#e7c87380;color:var(--gold-bright)}.toast-danger{border-color:#ff6b7a80;color:#ff9ca6}.collection-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:stretch;justify-content:center;padding:clamp(12px,2vw,30px);background:radial-gradient(circle at 50% 30%,rgba(42,76,100,.35),transparent 55%),#03060ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collection-shell{display:flex;flex-direction:column;width:min(1240px,100%);min-height:0;padding:clamp(14px,1.7vw,26px);border:1px solid rgba(127,231,255,.22);border-radius:1em;background:radial-gradient(circle at 50% 0%,rgba(127,231,255,.07),transparent 50%),linear-gradient(160deg,#0f1d2bfa,#05090ffc);box-shadow:0 30px 100px #000000b3;animation:rise .28s cubic-bezier(.2,.7,.2,1) both}.collection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;padding-bottom:.9em;border-bottom:1px solid rgba(127,231,255,.14)}.collection-header .eyebrow{margin-bottom:.35em}.collection-header h2{margin:0;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(26px,3vw,44px);color:var(--gold-bright);letter-spacing:.04em}.collection-progress{margin:.35em 0 0;color:var(--muted);font-size:.78em;letter-spacing:.06em}.collection-tabs{display:flex;gap:.55em;margin:.9em 0}.collection-tab{padding:.6em 1.1em;border:1px solid rgba(127,231,255,.2);border-radius:999px;background:#050b11b3;color:var(--muted);font:inherit;font-size:.78em;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.collection-tab:hover,.collection-tab.is-active{border-color:#e7c8738c;background:#e7c8731f;color:var(--gold-bright)}.collection-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(12px,1.4vw,22px);min-height:0;flex:1}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(8px,.9vw,14px);align-content:start;min-height:0;padding-right:.3em;overflow-y:auto}.collection-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.28em;min-height:118px;padding:.8em .85em;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent, #7fe7ff) 42%,transparent);border-radius:.7em;background:radial-gradient(circle at 30% 0%,color-mix(in srgb,var(--accent, #7fe7ff) 12%,transparent),transparent 60%),#070e16db;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.collection-card:hover,.collection-card.is-selected{transform:translateY(-3px);border-color:var(--accent, var(--cyan));box-shadow:0 0 24px color-mix(in srgb,var(--accent, #7fe7ff) 22%,transparent)}.collection-card.is-locked{opacity:.58;filter:saturate(.55)}.collection-card-icon{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:1px solid var(--accent, var(--cyan));border-radius:50%;color:var(--accent, var(--cyan));font-size:1.05em;text-shadow:0 0 14px var(--accent, var(--cyan))}.collection-card-title{color:var(--gold-bright);font-family:Palatino Linotype,Georgia,serif;font-size:.92em;font-weight:700;line-height:1.15}.collection-card-type{color:var(--accent, var(--cyan));font-size:.62em;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collection-card-meta{color:#9eb4c8;font-size:.64em;line-height:1.3}.collection-card-status{margin-top:auto;padding-top:.35em;color:var(--muted);font-size:.6em;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.skill-card.is-unlocked .collection-card-status{color:#8fe0a0}.enemy-card{min-height:176px}.enemy-card.is-boss{border-color:#e7c87399;background:radial-gradient(circle at 50% 20%,rgba(231,200,115,.16),transparent 60%),#0c0c0ae6}.enemy-silhouette{display:flex;align-items:center;justify-content:center;width:100%;height:74px;color:var(--accent, var(--cyan));opacity:.88}.enemy-svg{width:70px;height:70px;overflow:visible;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent, #7fe7ff) 45%,transparent))}.collection-detail{display:flex;flex-direction:column;min-height:0;padding:1em 1.1em;border:1px solid rgba(127,231,255,.16);border-radius:.8em;background:radial-gradient(circle at 50% 0%,rgba(127,231,255,.07),transparent 55%),#04090eb3;overflow-y:auto}.collection-detail .eyebrow{margin-bottom:.5em}.collection-detail h3{margin:0;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(18px,1.7vw,26px);color:var(--gold-bright);line-height:1.15}.collection-detail-type{margin:.3em 0 .8em;color:var(--cyan);font-size:.68em;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.collection-detail-desc{margin:0 0 1em;color:#a9bfd2;font-size:.78em;line-height:1.55}.collection-detail-stats{display:flex;flex-direction:column;gap:.55em;margin:auto 0 0}.collection-detail-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:.8em;padding-top:.5em;border-top:1px solid rgba(127,231,255,.1)}.collection-detail-stats dt{color:var(--muted);font-size:.62em;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.collection-detail-stats dd{margin:0;color:var(--gold-bright);font-size:.76em;font-weight:700;text-align:right}@media(max-width:900px),(max-height:620px){.collection-body{grid-template-columns:minmax(0,1fr)}.collection-detail{max-height:34%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate3d(190px,170px,0)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-aspect-ratio:2/1){.hud-left{width:min(36%,430px)}.hud-right{min-width:7em}}