.tm-notice-system{--tm-accent:#ff4b22;--tm-stage:#0b1422;--tm-panel:#10213a;--tm-text:#f7f6f2;--tm-muted:#bdc7d6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tm-notice-stage[hidden]{display:none!important}.tm-notice-stage{position:fixed;z-index:2147482000;inset:var(--tm-header-offset,0) 0 0;overflow:hidden;color:var(--tm-text);pointer-events:auto;opacity:1;transition:opacity .4s ease,transform .4s ease}.tm-notice-stage.is-closing{opacity:0;transform:translateY(-8px)}
.tm-notice-stage__veil{position:absolute;inset:0;background:linear-gradient(145deg,rgba(16,30,50,.985),rgba(7,17,29,.98));backdrop-filter:blur(10px)}
.tm-notice-stage__veil:after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:72px 72px}
.tm-notice-device{position:absolute;z-index:3;left:clamp(18px,6vw,110px);top:0;width:min(56vw,850px);height:min(76vh,690px);filter:drop-shadow(0 28px 34px rgba(0,0,0,.6))}.tm-notice-cassette{position:absolute;z-index:8;left:0;right:0;top:0;height:34px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#f1f2f3,#aeb2b6 55%,#777d83);box-shadow:inset 0 1px #fff,0 6px 12px #0008;opacity:0;transform:translateY(-18px)}.tm-notice-cassette:before,.tm-notice-cassette:after{content:"";position:absolute;top:8px;width:9px;height:9px;border-radius:50%;background:#747a80;box-shadow:inset 0 1px 2px #0008}.tm-notice-cassette:before{left:18px}.tm-notice-cassette:after{right:18px}.tm-notice-cassette i{position:absolute;left:5%;right:5%;bottom:4px;height:3px;border-radius:3px;background:#363b41}
.tm-notice-display{position:absolute;left:0;right:0;top:27px;height:74%;overflow:hidden;border:9px solid #d7d9dc;border-radius:4px 4px 18px 18px;background:#020711;box-shadow:inset 0 0 0 1px #fff8,0 0 0 1px #000;opacity:0;transform:translateY(-105%);transform-origin:top center}.tm-notice-display:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff20,transparent 28% 68%,#ffffff0c)}.tm-notice-glow{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 20%,#365c984d,transparent 38%),linear-gradient(145deg,#081528,#10294d)}
.tm-notice-copy{position:absolute;inset:0;padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(18px)}.tm-notice-label{color:#ff8061;letter-spacing:.18em;font-size:clamp(9px,1vw,13px);font-weight:800;text-transform:uppercase}.tm-notice-headline{display:block;margin:.6em 0 .45em;font-size:clamp(23px,3vw,43px);font-weight:500;line-height:1.04;max-width:18ch;text-wrap:balance}.tm-notice-text{margin:0;max-width:40ch;color:var(--tm-muted);font-size:clamp(11px,1.25vw,16px);line-height:1.48}.tm-notice-link{align-self:flex-start;margin-top:1.3em;color:#fff;text-decoration:none;border-bottom:1px solid var(--tm-accent);padding-bottom:5px;font-size:clamp(11px,1.15vw,15px);font-weight:700}.tm-notice-link:after{content:" →";color:var(--tm-accent)}
.tm-notice-operator{position:absolute;z-index:5;right:clamp(-34px,-2vw,-10px);bottom:-4%;height:min(78vh,780px);width:auto;object-fit:contain;object-position:right bottom;opacity:0;transform:translateX(38px)}.tm-notice-character--christmas .tm-notice-operator{height:min(76vh,760px)}.tm-notice-character--easter .tm-notice-operator{height:min(72vh,720px)}.tm-notice-pulse{position:absolute;z-index:7;right:42%;top:36%;width:12px;height:12px;border:2px solid #ff7655;border-radius:50%;opacity:0}.tm-notice-close{position:absolute;z-index:9;right:clamp(16px,2.5vw,42px);top:clamp(16px,2.5vw,42px);width:48px;height:48px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#07111dcc;color:#fff;font:300 28px/1 system-ui;cursor:pointer;opacity:0;backdrop-filter:blur(8px)}.tm-notice-close:hover,.tm-notice-close:focus-visible{background:var(--tm-accent);border-color:var(--tm-accent);outline:3px solid color-mix(in srgb,var(--tm-accent) 30%,transparent);outline-offset:3px}
.tm-notice-stage.is-playing .tm-notice-cassette{animation:tm-cassette .35s .12s ease forwards}.tm-notice-stage.is-playing .tm-notice-operator{animation:tm-operator .48s .3s cubic-bezier(.2,.8,.2,1) forwards,tm-click .32s .88s ease-in-out}.tm-notice-stage.is-playing .tm-notice-pulse{animation:tm-pulse .5s .94s ease-out}.tm-notice-stage.is-playing .tm-notice-display{animation:tm-panel .78s 1.02s cubic-bezier(.2,.74,.2,1) forwards}.tm-notice-stage.is-playing .tm-notice-glow{animation:tm-wake .48s 1.78s ease forwards}.tm-notice-stage.is-playing .tm-notice-copy{animation:tm-ui .52s 2.15s cubic-bezier(.2,.8,.2,1) forwards}.tm-notice-stage.is-playing .tm-notice-close{animation:tm-fade .3s 2.52s ease forwards}
@keyframes tm-cassette{to{opacity:1;transform:none}}@keyframes tm-panel{0%{opacity:1;transform:translateY(-105%)}85%{opacity:1;transform:translateY(1.5%)}100%{opacity:1;transform:none}}@keyframes tm-operator{to{opacity:1;transform:none}}@keyframes tm-click{50%{transform:translateX(-5px) rotate(-.5deg)}}@keyframes tm-pulse{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(5)}}@keyframes tm-wake{0%{opacity:0;filter:brightness(3)}100%{opacity:1;filter:none}}@keyframes tm-ui{to{opacity:1;transform:none}}@keyframes tm-fade{to{opacity:1}}
.tm-notice-reopen{position:fixed;z-index:2147481990;right:clamp(12px,2vw,30px);top:max(8px,env(safe-area-inset-top));display:none;align-items:center;gap:10px;min-height:40px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--tm-accent) 52%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tm-stage) 94%,transparent);color:#fff;box-shadow:0 9px 24px #0003;font:700 11px/1.2 system-ui;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px)}.tm-notice-reopen.is-visible{display:flex}.tm-notice-reopen__dot{width:8px;height:8px;border-radius:50%;background:var(--tm-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--tm-accent) 15%,transparent)}.tm-notice-reopen__arrow{color:var(--tm-accent);font-size:16px}.tm-notice-reopen:hover,.tm-notice-reopen:focus-visible{transform:translateY(-1px);border-color:var(--tm-accent);outline:3px solid color-mix(in srgb,var(--tm-accent) 25%,transparent);outline-offset:2px}
.tm-notice-site--applemus{--tm-accent:#92b900;--tm-stage:#172b2a;--tm-panel:#203a37;--tm-muted:#d4dad3}.tm-notice-site--applemus .tm-notice-stage__veil{background:linear-gradient(145deg,rgba(238,235,223,.985),rgba(207,218,207,.98))}.tm-notice-site--applemus .tm-notice-stage__veil:after{opacity:.07}.tm-notice-site--applemus .tm-notice-reopen{color:#eef1e9}.tm-notice-site--applemus .tm-notice-label{color:#acd326}
@media(max-width:900px){.tm-notice-device{left:2%;width:62vw;height:65vh}.tm-notice-operator{height:70vh;right:-5%}.tm-notice-character--christmas .tm-notice-operator{height:67vh}.tm-notice-character--easter .tm-notice-operator{height:64vh}}
@media(max-width:600px){.tm-notice-stage{inset:var(--tm-header-offset,0) 0 0}.tm-notice-device{left:4%;width:76vw;height:54vh}.tm-notice-display{border-width:7px;border-radius:0 0 16px 16px}.tm-notice-operator{right:-20%;bottom:-9%;height:55vh}.tm-notice-character--christmas .tm-notice-operator{height:52vh;right:-14%;bottom:-6%}.tm-notice-character--easter .tm-notice-operator{height:49vh;right:-10%;bottom:-5%}.tm-notice-copy{padding:24px 30px 35px 24px}.tm-notice-headline{font-size:24px;max-width:14ch}.tm-notice-text{font-size:12px;max-width:28ch}.tm-notice-close{right:4%;top:4%}.tm-notice-pulse{right:30%;top:65%}.tm-notice-reopen{top:auto;right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.tm-notice-stage.is-playing .tm-notice-cassette,.tm-notice-stage.is-playing .tm-notice-display,.tm-notice-stage.is-playing .tm-notice-operator,.tm-notice-stage.is-playing .tm-notice-glow,.tm-notice-stage.is-playing .tm-notice-copy,.tm-notice-stage.is-playing .tm-notice-close{animation:none;opacity:1;transform:none}.tm-notice-pulse{display:none}.tm-notice-stage,.tm-notice-reopen{transition:none}}
