.ui-root{--ink: #07080a;--gold-hi: #f6e3a8;--gold: #d6b066;--gold-mid: #b08a45;--gold-deep: #5f481c;--silver: #e6e6fa;--parchment: #ece4d2;--warm: #ffccb7;--glow: rgba(255, 196, 142, .28);--shadow-text: 0 1px 2px rgba(0, 0, 0, .95), 0 0 14px rgba(0, 0, 0, .85);--serif: "Cormorant Garamond", "PT Serif", Georgia, "Times New Roman", serif;--serif-sc: "Cormorant SC", "Cormorant Garamond", "PT Serif", Georgia, serif;font-family:var(--serif);color:var(--parchment);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;pointer-events:none;user-select:none;-webkit-user-select:none}.ui-root *,.ui-root *:before,.ui-root *:after{box-sizing:border-box}.ui-shell{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease .2s}.ui-root.is-ready .ui-shell{opacity:1}.ui-shell:before,.ui-shell:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.ui-shell:before{top:0;height:30vh;background:linear-gradient(to bottom,#040507b8,#04050700)}.ui-shell:after{bottom:0;height:38vh;background:linear-gradient(to top,#040507c7,#04050700)}.ui-head{position:absolute;z-index:1;top:calc(env(safe-area-inset-top,0px) + clamp(14px,3.5vh,50px));left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center}.ui-title{margin:0 -.16em 0 0;padding:0 .2em;font-family:var(--serif-sc);font-weight:600;font-size:clamp(38px,6.2vw,78px);line-height:1;letter-spacing:.16em;background:linear-gradient(180deg,#fff4cf 0%,var(--gold-hi) 28%,var(--gold) 58%,#8c6a2f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9)) drop-shadow(0 0 22px rgba(230,176,90,.22))}.ui-orn{position:relative;width:clamp(180px,30vw,380px);height:11px;margin-top:clamp(10px,1.6vh,16px)}.ui-orn:before,.ui-orn:after{content:"";position:absolute;top:5px;width:calc(50% - 14px);height:1px}.ui-orn:before{left:0;background:linear-gradient(90deg,transparent,var(--gold-mid) 70%,var(--gold))}.ui-orn:after{right:0;background:linear-gradient(270deg,transparent,var(--gold-mid) 70%,var(--gold))}.ui-orn-gem{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#fff1c4,var(--gold) 55%,var(--gold-deep));box-shadow:0 0 10px #ffd2828c}.ui-orn-gem:before,.ui-orn-gem:after{content:"";position:absolute;width:3px;height:3px;background:var(--gold-mid)}.ui-orn-gem:before{left:-8px;top:8px}.ui-orn-gem:after{left:12px;top:-4px}.ui-panel{position:absolute;z-index:1;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(22px,6vh,64px));transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;flex-direction:column;align-items:center;text-align:center}.ui-sub{margin:0 0 clamp(10px,1.6vh,16px);text-wrap:balance;font-style:italic;font-weight:500;font-size:clamp(18px,1.9vw,24px);letter-spacing:.02em;color:var(--warm);text-shadow:var(--shadow-text)}.ui-frame{position:relative;min-height:118px;display:flex;align-items:center;justify-content:center;padding:10px clamp(10px,1.4vw,22px) 12px;border-style:solid;border-width:30px;border-image:url(../ui/frame-msgbox.png) 60 fill / 30px stretch;filter:drop-shadow(0 10px 28px rgba(0,0,0,.65))}.ui-date{margin:clamp(10px,1.5vh,14px) 0 0;font-family:var(--serif-sc);font-weight:500;font-size:14px;letter-spacing:.2em;color:#e6e6faa8;text-shadow:var(--shadow-text)}.cd{display:flex;align-items:flex-start;margin:-14px 0 -10px}.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:6.4em;font-size:14px}.cd-num{display:flex;font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.8vw,64px);line-height:1;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;color:#f4ecdc;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9)) drop-shadow(0 0 12px var(--glow))}.cd-digit{position:relative;display:inline-block;width:.56em;height:1.08em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 84%,transparent 100%)}.cd-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.cd-glyph.is-in{animation:cd-in .62s cubic-bezier(.2,.7,.2,1) both}.cd-glyph.is-out{animation:cd-out .5s cubic-bezier(.5,0,.8,.4) both}@keyframes cd-in{0%{opacity:0;transform:translateY(38%);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes cd-out{0%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-34%);filter:blur(3px)}}.cd-label{margin-top:6px;font-family:var(--serif-sc);font-weight:500;font-size:14px;letter-spacing:.16em;margin-right:-.16em;color:var(--gold);text-shadow:0 1px 1px rgba(0,0,0,.9);white-space:nowrap}.cd-sep{position:relative;align-self:flex-start;width:5px;height:5px;margin:calc(clamp(44px,4.8vw,64px)*.52) clamp(4px,.8vw,12px) 0;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold-hi),var(--gold-deep));box-shadow:0 0 8px #ffc87873;opacity:.85}.ui-opened{display:none;margin:-8px -.12em -6px 0;padding:0 .6em;font-family:var(--serif-sc);font-weight:600;font-size:clamp(30px,4.2vw,54px);line-height:1.2;letter-spacing:.12em;background:linear-gradient(180deg,#fff4cf,var(--gold-hi) 35%,var(--gold) 70%,#9a7534);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,200,120,.35))}.ui-root.is-opened .cd,.ui-root.is-opened .ui-sub{display:none}.ui-root.is-opened .ui-opened{display:block;animation:opened-breathe 5s ease-in-out infinite}.ui-root.is-opening .ui-panel{animation:opened-in 2.2s ease both}@keyframes opened-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}@keyframes opened-breathe{0%,to{filter:drop-shadow(0 0 12px rgba(255,200,120,.25))}50%{filter:drop-shadow(0 0 26px rgba(255,200,120,.55))}}.ui-sound-wrap{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(env(safe-area-inset-right,0px) + 18px);display:flex;align-items:center;gap:10px}.ui-sound-hint{font-family:var(--serif-sc);font-size:13px;letter-spacing:.18em;color:#e6e6fa80;text-shadow:var(--shadow-text);transition:color .3s ease,opacity .3s ease}.ui-sound-wrap.is-on .ui-sound-hint{color:#d6b066bf}.ui-sound{pointer-events:auto;position:relative;width:52px;height:49px;padding:0;border:0;border-radius:50%;background:url(../ui/ring-medal.png) center / 52px 49px no-repeat;color:#e6e6fac7;cursor:pointer;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7)) saturate(.85);transition:color .25s ease,filter .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}.ui-sound svg{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.ui-sound[aria-pressed=true]{color:var(--gold-hi)}.ui-sound[aria-pressed=true]:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 12px #ffc47859,0 0 16px #ffc4782e;pointer-events:none}.ui-sound:hover{color:var(--gold-hi);filter:drop-shadow(0 3px 8px rgba(0,0,0,.7)) brightness(1.15)}.ui-sound:active{transform:scale(.96)}.ui-sound:focus{outline:none}.ui-sound:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.ui-sound:disabled{cursor:default;opacity:.45;filter:grayscale(.6)}.ui-sound-wrap.is-unavailable{display:none}@media(max-width:640px){.ui-title{font-size:clamp(32px,10vw,44px);letter-spacing:.12em;margin-right:-.12em}.ui-sub{font-size:18px}.ui-frame{min-height:96px;border-width:22px;border-image-width:22px;padding:8px 2px 10px}.cd{margin:-10px 0 -8px}.cd-unit{min-width:0;width:4.6em;font-size:13px}.cd-num{font-size:38px}.cd-label{font-size:11px;letter-spacing:.08em;margin-right:-.08em;margin-top:4px}.cd-sep{margin:19.76px 0 0;width:4px;height:4px}.ui-date{font-size:12px;letter-spacing:.14em}.ui-sound-hint{display:none}.ui-sound-wrap{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px)}}@media(max-width:360px){.cd-unit{width:4.2em}.cd-num{font-size:34px}.cd-sep{margin-top:17.68px}}@media(max-height:460px)and (orientation:landscape){.ui-head{top:12px}.ui-title{font-size:30px}.ui-orn{margin-top:6px}.ui-panel{bottom:10px}.ui-sub{margin-bottom:6px;font-size:16px}.ui-frame{min-height:90px}.cd-num{font-size:36px}.ui-date{display:none}}@media(prefers-reduced-motion:reduce){.ui-shell{transition-duration:.01s;transition-delay:0s}.cd-glyph.is-in,.cd-glyph.is-out{animation:none}.cd-glyph.is-out{display:none}.ui-root.is-opened .ui-opened,.ui-root.is-opening .ui-panel{animation:none}.ui-sound{transition:none}}@media(forced-colors:active){.ui-title,.ui-opened{color:CanvasText;background:none}.ui-sound{border:1px solid ButtonText}}.ui-brand{--cyan: 120, 225, 240;position:relative;display:flex;align-items:center;justify-content:center;gap:.9em;margin:0;font-size:clamp(22px,4.4vw,68px);white-space:nowrap}.ui-brand-text{font:300 1em/1 var(--serif-sc);letter-spacing:.04em;padding-left:.04em;background:linear-gradient(180deg,#f4f8f9,#d3dde1 45%,#9fb0b7);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8)) drop-shadow(0 0 .35em rgba(var(--cyan),.18));animation:ui-brand-breathe 7s ease-in-out infinite}.ui-brand-sub{display:block;font-weight:300;letter-spacing:.06em;opacity:.82}@keyframes ui-brand-breathe{0%,to{filter:drop-shadow(0 1px 1px rgba(0,0,0,.8)) drop-shadow(0 0 .3em rgba(var(--cyan),.14))}50%{filter:drop-shadow(0 1px 1px rgba(0,0,0,.8)) drop-shadow(0 0 .5em rgba(var(--cyan),.28))}}.ui-brand-orn{display:flex;align-items:center;gap:.35em}.ui-brand-orn i{display:block;width:clamp(18px,8vw,160px);height:1px}.ui-brand-orn b{width:.14em;height:.14em;transform:rotate(45deg);border:1px solid rgba(var(--cyan),.6)}.ui-brand-orn--l i{background:linear-gradient(90deg,transparent,rgba(210,225,230,.55))}.ui-brand-orn--r{flex-direction:row-reverse}.ui-brand-orn--r i{background:linear-gradient(270deg,transparent,rgba(210,225,230,.55))}.ui-note{position:absolute;z-index:1;left:0;right:0;margin:0;padding:0 16px;bottom:calc(env(safe-area-inset-bottom,0px) + clamp(18px,5vh,52px));font:italic 300 clamp(12px,1.15vw,16px)/1.4 var(--serif);letter-spacing:.04em;color:#d6e0e4b3;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.9)}@media(prefers-reduced-motion:reduce){.ui-brand-text{animation:none}}.ui-mix{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;padding:12px 14px 10px;border-radius:8px;pointer-events:auto;background:#080a0edb;backdrop-filter:blur(6px);border:1px solid rgba(196,154,74,.45);box-shadow:0 10px 30px #0009,inset 0 0 0 1px #ffffff08;font:400 14px/1.3 var(--serif);color:var(--parchment)}.ui-mix[hidden]{display:none}.ui-mix-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.ui-mix-master{justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid rgba(196,154,74,.22);font-family:var(--serif-sc);letter-spacing:.08em}.ui-mix-name{display:flex;align-items:center;gap:10px;min-width:96px;cursor:pointer}.ui-mix-master{cursor:pointer}.ui-mix-row.is-off .ui-mix-name span,.ui-mix-row.is-off .ui-mix-vol{opacity:.45}.ui-mix-row.is-missing{display:none}.ui-mix-extra{margin-top:4px;padding-top:9px;border-top:1px solid rgba(196,154,74,.22)}.ui-note[hidden]{display:none}.ui-mix-cb{width:15px;height:15px;margin:0;accent-color:var(--gold);cursor:pointer}.ui-mix-vol{width:110px;accent-color:#cfe3ea;cursor:pointer}.ui-mix-cb:focus-visible,.ui-mix-vol:focus-visible{outline:1px solid var(--gold-hi);outline-offset:2px}.ui-mix-vol.is-dim{opacity:.45}