.ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#e8eeff;z-index:10}.ui-root .screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:#060810b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-hidden{display:none!important}.game-title{font-size:64px;font-weight:800;letter-spacing:10px;margin-bottom:8px;background:linear-gradient(180deg,#ffe9a8,#e8a53a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 24px rgba(232,165,58,.25)}.game-subtitle{font-size:16px;color:#9fb2d8;margin-bottom:48px;letter-spacing:2px}.ui-button{min-width:260px;padding:14px 32px;margin:8px;font-size:20px;font-weight:600;color:#f2f6ff;background:linear-gradient(180deg,#2b3f6e,#1a2745);border:1px solid #5a73b8;border-radius:10px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.ui-button:hover{background:linear-gradient(180deg,#3a528c,#22335c);box-shadow:0 0 18px #5a73b873;transform:translateY(-1px)}.ui-button:active{transform:translateY(1px)}.ui-button.secondary{background:linear-gradient(180deg,#333a4d,#222734);border-color:#4d5670}.popup-title{font-size:34px;font-weight:700;margin-bottom:6px;color:#ffd23e;letter-spacing:3px}.popup-hint{font-size:14px;color:#9fb2d8;margin-bottom:26px}.card-row{display:flex;gap:22px}.skill-card{width:230px;min-height:250px;padding:22px 18px;border-radius:14px;border:2px solid #5a73b8;background:linear-gradient(180deg,#1c2745,#121a30);cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}.skill-card:hover{transform:translateY(-6px) scale(1.03);border-color:#ffd23e;box-shadow:0 10px 30px #ffd23e40}.card-glyph{font-size:44px;margin-bottom:12px}.card-name{font-size:20px;font-weight:700;margin-bottom:6px;color:#ffe9a8}.card-tag{font-size:12px;padding:2px 10px;border-radius:999px;margin-bottom:12px;background:#2b3f6e;color:#b9c8ee}.card-tag.new{background:#2e6e46;color:#b9f0c8}.card-levels{font-size:14px;color:#9fb2d8;margin-bottom:10px}.card-desc{font-size:14px;line-height:1.5;color:#cdd8f2}.realm-name{font-size:52px;font-weight:800;color:#7ef0c8;letter-spacing:8px;margin:12px 0;text-shadow:0 0 30px rgba(126,240,200,.5)}.realm-desc{font-size:18px;color:#d8f5ea;margin-bottom:36px}.end-title{font-size:56px;font-weight:800;letter-spacing:8px;margin-bottom:18px}.end-title.victory{color:#7ef0c8;text-shadow:0 0 40px rgba(126,240,200,.45)}.end-title.defeat{color:#ff6b6b;text-shadow:0 0 40px rgba(255,107,107,.45)}.end-stats{font-size:18px;line-height:2;color:#cdd8f2;margin-bottom:36px;text-align:center}.settings-panel{min-width:420px;padding:36px 40px;border-radius:14px;background:#141a2c;border:1px solid #3d4a70}.settings-title{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0;font-size:17px}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:#5a73b8;cursor:pointer}.pause-hint{margin-top:28px;font-size:14px;color:#9fb2d8}.toast-layer{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:2;pointer-events:none}.toast-layer.demoted{z-index:0}.ui-root .screen{z-index:3}.toast{max-width:360px;padding:10px 18px;border-radius:10px;font-size:16px;font-weight:600;color:#eef3ff;background:#101628eb;border:1px solid #4a5d8a;box-shadow:0 4px 18px #00000073;opacity:0;transform:translate(24px);transition:opacity .22s ease,transform .22s ease}.toast.toast-in{opacity:1;transform:translate(0)}.toast.toast-out{opacity:0;transform:translate(24px)}.toast-boss{border-color:#b03050;color:#ffc8c8;background:#300e18f0}.toast-skill{border-color:#2e6e46;color:#c8f0d2;background:#0c2216f0}.settings-row input[type=range]{width:220px;height:8px;accent-color:#5a73b8;cursor:pointer}.mute-btn{min-width:220px;font-size:16px;padding:10px 20px}.collection-panel{width:min(1120px,92vw);max-height:88vh;padding:30px 36px;border-radius:14px;background:#141a2c;border:1px solid #3d4a70;display:flex;flex-direction:column;align-items:center}.collection-tabs{display:flex;gap:12px;margin-bottom:18px}.collection-tab{padding:10px 26px;font-size:17px;font-weight:700;color:#b9c8ee;background:#1a2340;border:1px solid #3d4a70;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.collection-tab:hover{background:#243058}.collection-tab.active{background:linear-gradient(180deg,#2b3f6e,#1a2745);border-color:#ffd23e;color:#ffe9a8}.collection-pages{width:100%;overflow-y:auto;margin-bottom:18px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:4px}.collection-card{padding:14px 12px;border-radius:12px;border:1px solid #3d4a70;background:linear-gradient(180deg,#1a2340,#121a30);display:flex;flex-direction:column;align-items:center;text-align:center}.collection-card.locked{opacity:.55;filter:saturate(.4)}.collection-card.locked .collection-glyph{filter:grayscale(1) brightness(.7)}.collection-card.boss{border-color:#b03050}.collection-glyph{font-size:34px;margin-bottom:6px}.collection-art{width:64px;height:64px;margin-bottom:6px}.collection-art svg{width:100%;height:100%}.collection-name{font-size:16px;font-weight:700;color:#ffe9a8;margin-bottom:4px}.collection-state{font-size:11px;padding:2px 10px;border-radius:999px;margin-bottom:8px;background:#333a4d;color:#9aa6c8}.collection-state.unlocked{background:#2e6e46;color:#b9f0c8}.collection-state.boss-tag{background:#6e2030;color:#ffc8c8}.collection-kind{font-size:12px;color:#8fb0e8;margin-bottom:6px}.collection-desc{font-size:12.5px;line-height:1.45;color:#cdd8f2}.collection-desc.style{color:#9fb2d8;margin-top:4px}