@font-face{font-family:Seed;src:url(../ls-rg-core.woff2)}
@font-face{font-family:Seed;src:url(../ls-bd-core.woff2);font-weight:700}
.tt-live-ui *{box-sizing:border-box}
.tt-live-ui body{margin:0;color:#5e477a;background:#342438;font-family:'Tavern Numerals','TT Latin','TT Huninn',Seed,'Microsoft JhengHei',sans-serif;font-size:13px}
.tt-live-ui button,.tt-live-ui input,.tt-live-ui select{font:inherit}
.tt-live-ui button{cursor:pointer;color:inherit}
.tt-live-ui button:focus-visible,.tt-live-ui input:focus-visible,.tt-live-ui select:focus-visible{outline:3px solid #7896cb;outline-offset:3px}
.tt-live-ui button{touch-action:manipulation}
.tt-live-ui svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tt-live-ui img{object-fit:contain}
.tt-live-ui .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tt-live-ui [hidden]{display:none!important}
.tt-live-ui .preview-bar{height:66px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;background:#fcf8ff;border-bottom:1px solid #d7cbe5;gap:18px}
.tt-live-ui .preview-bar b{font-size:13px;letter-spacing:1px}
.tt-live-ui .preview-bar>div>span{display:block;font-size:9px;color:#9a8aad;margin-top:4px}
.tt-live-ui .preview-controls{display:flex;align-items:center;gap:8px}
.tt-live-ui .preview-controls button,.tt-live-ui .preview-controls select{border:1px solid #cbb5e0;border-radius:5px;background:#fffaff;padding:7px 12px;font-size:11px;white-space:nowrap}
.tt-live-ui .preview-controls button[aria-pressed=true]{background:#685586;color:#fff}
.tt-live-ui .preview-controls label{font-size:10px;color:#9685a5;display:flex;align-items:center;gap:7px;margin-left:8px}
.tt-live-ui .preview-controls select{padding:6px}
.tt-live-ui .world{position:relative;isolation:isolate;height:calc(100dvh - 66px);min-height:650px;overflow:hidden;background:url('assets/lobbybase.jpg') center center/cover}
.tt-live-ui .account{position:absolute;left:20px;top:20px;display:flex;gap:10px;padding:10px 14px 10px 9px;background:#fbf3ffeb;border:1px solid #c4a4d8;border-radius:9px;box-shadow:0 3px #76688ea1;z-index:1}
.tt-live-ui .account-icon{width:52px;height:67px;display:grid;place-items:center;background:#e9def4;clip-path:polygon(15% 0,85% 0,100% 13%,100% 86%,85% 100%,15% 100%,0 86%,0 13%)}
.tt-live-ui .account-icon img{width:46px;height:46px}
.tt-live-ui .account b{font-size:13px}
.tt-live-ui .account small{display:flex;align-items:center;gap:10px;font-size:9px;color:#9880ac;margin-top:4px}
.tt-live-ui .account small button{display:flex;align-items:center;gap:4px;background:#f4e7c3;border:0;padding:2px 7px;border-radius:5px;font-size:10px;color:#896336}
.tt-live-ui .account small img{width:16px;height:16px}
.tt-live-ui .account nav{display:flex;gap:7px;margin-top:7px}
.tt-live-ui .account nav button{border:1px solid #d5c6e3;width:25px;height:25px;padding:3px;border-radius:4px;background:#fffaff}
.tt-live-ui .account nav img,.tt-live-ui .account nav svg{width:17px;height:17px;display:block}
.tt-live-ui .room-title{position:absolute;left:50%;top:17px;transform:translateX(-50%);white-space:nowrap;color:#fbf8ff;background:#9e8bcddc;border:2px solid #fff4ff;box-shadow:0 0 0 2px #ac95ca,0 4px 0 #6b587a;display:flex;align-items:center;gap:10px;padding:10px 23px;border-radius:8px;font-size:13px;letter-spacing:1px}
.tt-live-ui .room-title b{font-size:17px;letter-spacing:2px}
.tt-live-ui .room-title>span:nth-of-type(2){font-size:11px;border-left:1px solid #f0e4ff88;padding-left:10px}
.tt-live-ui .room-title small{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font-size:10px;text-shadow:0 1px 3px #34263e;letter-spacing:1px}
.tt-live-ui .mini-star{font-size:13px}
.tt-live-ui .gear{position:absolute;right:20px;top:20px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #c2abd6;border-radius:7px;background:#fff5fc;color:#81619b;box-shadow:0 3px #b8a2c5}
.tt-live-ui .avatar{position:absolute;width:110px;height:110px;right:16%;top:65%;z-index:0}
.tt-live-ui .avatar canvas{width:110px;height:110px;position:absolute;inset:0;image-rendering:pixelated;animation:idle 4s ease-in-out infinite;transform-origin:50% 90%}
.tt-live-ui .avatar>span{position:absolute;bottom:14px;left:37px;width:40px;height:9px;border-radius:50%;background:#34243666}
.tt-live-ui .avatar small{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);background:#68507ab5;color:#fff5ff;font-size:9px;padding:3px 9px;border-radius:3px;white-space:nowrap}
.tt-live-ui .shade{position:absolute;inset:0;background:#3120353d;pointer-events:none;transition:opacity .25s}
.tt-live-ui .shade.off{opacity:0}
.tt-live-ui .panel{--accent:#9473c2;--bright:#ce9ecf;--blue:#7f9ed2;position:absolute;top:50%;left:50%;width:552px;max-height:calc(100% - 148px);transform:translate(-50%,-50%);isolation:isolate;background:linear-gradient(155deg,#fffcff 15%,#f9f5ff 64%,#f4eafb);border:1px solid #c5aedf;border-radius:13px 13px 13px 3px;box-shadow:0 4px 0 #b1a1c6,0 0 0 3px #fff9ffbe,0 15px 35px #241b3440;display:flex;flex-direction:column;z-index:3;overflow:hidden;animation:panelIn .6s cubic-bezier(.18,.8,.2,1) both}
.tt-live-ui .geometry{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--fx:1}
.tt-live-ui .facets{position:absolute;right:-18px;top:-10px;width:190px;height:163px;transform:rotate(-7deg);opacity:calc(.72 * var(--fx));display:grid;grid-template-columns:repeat(5,38px);grid-template-rows:repeat(4,38px);mask-image:linear-gradient(125deg,transparent 6%,#000 64%,#000)}
.tt-live-ui .facets i{background:var(--facet);clip-path:polygon(50% 0,100% 100%,0 100%);animation:facetBreath 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.24s)}
.tt-live-ui .facets i:nth-child(even){transform:rotate(180deg)}
.tt-live-ui .facets i:nth-child(3n){clip-path:polygon(0 0,100% 0,100% 100%)}
.tt-live-ui .corner-lines{position:absolute;right:6px;top:81px;width:132px;height:56px;transform:rotate(-45deg);opacity:calc(.58 * var(--fx))}
.tt-live-ui .corner-lines i{position:absolute;left:0;width:110px;height:2px;background:linear-gradient(90deg,transparent,#a286c6 40%,#a286c6 78%,transparent);transform-origin:left;animation:slash 3.6s cubic-bezier(.2,.7,.2,1) infinite}
.tt-live-ui .corner-lines i:nth-child(1){top:5px}
.tt-live-ui .corner-lines i:nth-child(2){top:17px;animation-delay:.15s;width:100px}
.tt-live-ui .corner-lines i:nth-child(3){top:29px;animation-delay:.3s;width:90px}
.tt-live-ui .diamond{position:absolute;border:1px solid #ab8ec9;opacity:.55}
.tt-live-ui .diamond-a{width:34px;height:34px;right:24px;bottom:42px;animation:diamond 9s ease-in-out infinite}
.tt-live-ui .diamond-b{width:17px;height:17px;right:67px;bottom:28px;transform:rotate(45deg);border-color:#c9a1ca;animation:diamond 11s ease-in-out -4s infinite}
.tt-live-ui .glint{position:absolute;width:23px;height:23px;background:#a286c9;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 63%,50% 100%,38% 63%,0 50%,38% 36%);animation:starFlip 4.8s ease-in-out infinite;transform-origin:center}
.tt-live-ui .glint-a{left:165px;top:47px}
.tt-live-ui .glint-b{right:42px;bottom:47px;width:13px;height:13px;background:#d49fc7;animation-delay:-2.7s}
.tt-live-ui .ring{position:absolute;right:-19px;bottom:-18px;border:1px solid #b29bd9;border-radius:50%;width:95px;height:95px;mask-image:conic-gradient(transparent 0 32deg,#000 34deg 230deg,transparent 232deg);animation:ring 7s ease-in-out infinite;opacity:.4}
.tt-live-ui .ring-b{width:123px;height:123px;right:-32px;bottom:-32px;animation-delay:-3.5s}
.tt-live-ui .dot-field{position:absolute;left:0;bottom:33px;width:95px;height:48px;background-image:radial-gradient(#9c83c6 1px,transparent 1.1px);background-size:5px 5px;opacity:.17;mask-image:linear-gradient(45deg,#000,transparent 75%)}
.tt-live-ui .bottom-cut{position:absolute;bottom:0;left:0;right:0;height:81px;background:linear-gradient(115deg,#dac9ef99,#edcbe7a8 26%,transparent 26.3%,transparent 72%,#ded3f299 72.3%);clip-path:polygon(0 12%,17% 100%,77% 100%,100% 0,100% 100%,0 100%)}
.tt-live-ui .light-sweep{position:absolute;inset:0;background:linear-gradient(115deg,transparent 43%,#fff 49%,#e9e7ff66 50%,transparent 52%);width:170%;left:-150%;opacity:0;mix-blend-mode:screen;animation:sheen 6.8s ease-in-out infinite}
.tt-live-ui .panel-head{position:relative;padding:22px 28px 18px;flex-shrink:0;z-index:1;overflow:hidden}
.tt-live-ui .eyebrow{font-size:8px;letter-spacing:2px;color:#a18ab8}
.tt-live-ui .outline-word{position:absolute;right:50px;top:32px;font-size:46px;line-height:1;font-weight:700;letter-spacing:1px;color:transparent;-webkit-text-stroke:1px #c9b3e847;pointer-events:none;animation:wordIn .75s cubic-bezier(.18,.8,.2,1) both}
.tt-live-ui .heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}
.tt-live-ui .title-chip{position:relative;display:inline-flex;align-items:center}
.tt-live-ui .title-chip>i{position:absolute;left:-13px;right:-19px;top:8px;bottom:-12px;background:linear-gradient(100deg,#e8dbf9,#ebe5ff73);clip-path:polygon(9% 0,100% 0,84% 100%,0 100%,0 27%);z-index:-1}
.tt-live-ui .panel h1{margin:0;color:#5e3d85;font-size:30px;line-height:1.3;letter-spacing:3px;text-shadow:0 2px #fff}
.tt-live-ui .counter{display:flex;align-items:center;gap:5px;margin-top:5px;color:#9576be;padding-right:10px}
.tt-live-ui .counter>b{font-size:25px;line-height:1;letter-spacing:1px}
.tt-live-ui .counter>span{font-size:11px;line-height:1.3}
.tt-live-ui .counter small{display:block;font-size:8px;letter-spacing:1px;margin-top:3px}
.tt-live-ui .panel-head p{margin:14px 0 0;font-size:11px;color:#9580af;letter-spacing:1px}
.tt-live-ui .close{position:absolute;right:17px;top:16px;border:1px solid #cbb2dc;background:#fff8fcdd;width:27px;height:27px;border-radius:5px;font:22px/1 Arial,sans-serif;color:#805b9a;box-shadow:0 2px #dcc5e2;transition:background .2s,transform .2s}
.tt-live-ui .close:hover{background:#eddcf7;transform:rotate(90deg)}
.tt-live-ui .panel-content{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#cfbde3 transparent;padding:0 28px 17px;min-height:0;z-index:1}
.tt-live-ui .ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.tt-live-ui .ach{position:relative;padding:13px 12px 16px;border:0;border-bottom:1px solid #e3d9ee;background:none;min-height:146px;isolation:isolate;overflow:hidden;text-align:center}
.tt-live-ui .ach:nth-child(odd){border-right:1px solid #e3d9ee}
.tt-live-ui .ach:nth-child(n+3){border-bottom:0}
.tt-live-ui .ach:before{content:'';position:absolute;inset:5px;clip-path:polygon(0 0,100% 0,100% 73%,83% 100%,0 100%);background:linear-gradient(135deg,#e6d9f96e,#f6e6f477);z-index:-1;opacity:0;transform:translateY(12px);transition:opacity .22s,transform .35s}
.tt-live-ui .ach:after{content:'';position:absolute;width:115px;height:1px;background:linear-gradient(90deg,transparent,#a58aca);bottom:17px;right:-130px;transform:rotate(-37deg);transition:right .45s cubic-bezier(.2,.7,.2,1);opacity:.6}
.tt-live-ui .ach:hover:before,.tt-live-ui .ach[aria-pressed=true]:before{opacity:1;transform:translateY(0)}
.tt-live-ui .ach:hover:after,.tt-live-ui .ach[aria-pressed=true]:after{right:-21px}
.tt-live-ui .badge-art{position:relative;width:72px;height:72px;display:grid;place-items:center;margin:0 auto 7px;background:#ede3f9;border:1px solid #e0d1ef;border-radius:50%;box-shadow:inset 0 0 0 4px #f9f4ff;transition:transform .3s}
.tt-live-ui .badge-art:before{content:'';position:absolute;inset:-5px;border:1px solid #c0a9db;border-radius:50%;border-top-color:transparent;border-left-color:transparent;transform:rotate(-35deg);transition:transform .7s,opacity .2s;opacity:.45}
.tt-live-ui .ach:hover .badge-art{transform:translateY(-3px)}
.tt-live-ui .ach:hover .badge-art:before{transform:rotate(135deg);opacity:1}
.tt-live-ui .badge-art img{width:58px;height:58px;image-rendering:auto;filter:drop-shadow(0 2px 0 #77568028)}
.tt-live-ui .badge-art .check{position:absolute;right:-3px;bottom:0;width:20px;height:20px;border:2px solid #fff8ff;border-radius:50%;background:#aa8bc9;color:white;font:700 12px/16px Arial,sans-serif;box-shadow:0 1px #baa1d1}
.tt-live-ui .ach h2{font-size:15px;margin:2px 0 5px;letter-spacing:1px;color:#604386}
.tt-live-ui .ach p{margin:0;color:#9a87b0;font-size:10px;line-height:1.5}
.tt-live-ui .ach.locked .badge-art{background:#ece8f1;border-color:#e2daea}
.tt-live-ui .ach.locked .badge-art img{filter:grayscale(.45);opacity:.6}
.tt-live-ui .ach.locked .badge-art:before{border-style:dashed;opacity:.35}
.tt-live-ui .ach.locked .check{background:#b5a9c7;font-size:10px}
.tt-live-ui .ach.locked h2,.tt-live-ui .ach.locked p{color:#a291b0}
.tt-live-ui .panel-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ded0eb;margin:0 28px;padding:12px 0 14px;flex-shrink:0;font-size:9px;color:#a08bb1;min-height:43px}
.tt-live-ui .footer-mark{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px;white-space:nowrap}
.tt-live-ui .footer-mark i{width:16px;height:1px;background:#beafd4}
.tt-live-ui .wallet-balance{display:flex;align-items:center;justify-content:space-between;padding:6px 0 19px;border-bottom:1px solid #e4d8ee}
.tt-live-ui .wallet-balance small{font-size:10px;color:#9b85b1}
.tt-live-ui .wallet-balance strong{display:block;font-size:48px;line-height:1.2;color:#8b71b5;letter-spacing:2px}
.tt-live-ui .wallet-balance img{width:76px;height:76px;filter:drop-shadow(0 4px 0 #c4a0521c);animation:coinBob 5s ease-in-out infinite}
.tt-live-ui .packages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.tt-live-ui .package{position:relative;text-align:left;border:1px solid #d2bce3;background:#fffafee0;clip-path:polygon(0 0,100% 0,100% 85%,91% 100%,0 100%);padding:15px;overflow:hidden;transition:background .25s}
.tt-live-ui .package:hover{background:#efe2f7}
.tt-live-ui .package strong{display:block;color:#745494;font-size:22px;letter-spacing:1px;line-height:1.2}
.tt-live-ui .package small{font-size:10px;color:#a88cb6}
.tt-live-ui .package p{font-size:11px;margin:9px 0 0;color:#ad83a7}
.tt-live-ui .package:after{content:'↗';position:absolute;right:15px;bottom:11px;color:#b392c4}
.tt-live-ui .body-note{font-size:11px;line-height:1.8;color:#9a87a9;margin:17px 0}
.tt-live-ui .text-links{display:flex;justify-content:space-between;gap:12px}
.tt-live-ui .text-btn{border:0;border-bottom:1px solid #b79ccc;background:none;padding:4px 0;font-size:10px;color:#8e6aa7}
.tt-live-ui .tabs{display:flex;border-bottom:1px solid #dacbe6;gap:20px;margin-bottom:15px}
.tt-live-ui .tabs button{position:relative;background:none;border:0;padding:8px 0 12px;color:#a18bb3;font-size:12px}
.tt-live-ui .tabs button.active{color:#775296;font-weight:700}
.tt-live-ui .tabs button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#b99dd8;transform:scaleX(0);transition:transform .25s;transform-origin:left}
.tt-live-ui .tabs button.active:after{transform:scaleX(1)}
.tt-live-ui .order{padding:14px 0 18px;border-bottom:1px dashed #dac8e5}
.tt-live-ui .order:first-of-type{padding-top:3px}
.tt-live-ui .order:last-child{border:0;padding-bottom:0}
.tt-live-ui .order-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.tt-live-ui .order h2{font-size:14px;line-height:1.5;margin:0 0 5px}
.tt-live-ui .order-top strong{font-size:17px;color:#be78a2;white-space:nowrap}
.tt-live-ui .order small{font-size:9px;color:#ab96ba}
.tt-live-ui .order p{font-size:10px;color:#9c88ad;margin:7px 0}
.tt-live-ui .order .order-status{color:#889abc}
.tt-live-ui .steps{display:flex;gap:4px;margin:14px 0 10px}
.tt-live-ui .steps span{position:relative;flex:1;font-size:8px;padding-top:7px;color:#b1a1c0;border-top:2px solid #e7dbf0}
.tt-live-ui .steps .done{border-color:#bb9bce;color:#9473ac}
.tt-live-ui .order .text-btn{font-size:9px}
.tt-live-ui .setting{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px dashed #ddcfe8;gap:12px}
.tt-live-ui .setting:first-child{padding-top:5px}
.tt-live-ui .setting h2{font-size:13px;line-height:1.4;margin:0 0 4px}
.tt-live-ui .setting p{font-size:9px;line-height:1.6;margin:0;color:#a18bb0}
.tt-live-ui .switch{position:relative;flex:none;width:38px;height:23px;background:#ded2ec;border:1px solid #cbb8dd;border-radius:14px;padding:2px;transition:background .22s}
.tt-live-ui .switch:before{content:'';display:block;width:17px;height:17px;border-radius:50%;background:#fffaff;box-shadow:0 1px 3px #89759855;transition:transform .25s cubic-bezier(.2,1,.3,1)}
.tt-live-ui .switch[aria-checked=true]{background:#a887c9}
.tt-live-ui .switch[aria-checked=true]:before{transform:translateX(14px)}
.tt-live-ui input[type=range]{accent-color:#b18ccc;width:137px;min-width:65px}
.tt-live-ui .quality{display:flex;background:#ece2f5;padding:3px;border-radius:5px}
.tt-live-ui .quality button{background:none;border:0;border-radius:3px;padding:6px 9px;font-size:9px;color:#a18bb5}
.tt-live-ui .quality button[aria-pressed=true]{background:#a689c8;color:white;box-shadow:0 2px #9077af}
.tt-live-ui .actions{display:flex;gap:12px;justify-content:space-between;margin-top:18px}
.tt-live-ui .primary,.tt-live-ui .secondary{position:relative;isolation:isolate;overflow:hidden;padding:10px 20px;font-size:11px;border-radius:5px;transition:transform .22s,box-shadow .22s}
.tt-live-ui .primary{background:#bd8bb9;color:white;border:1px solid #ae79ad;box-shadow:0 3px #976c9f}
.tt-live-ui .secondary{background:#fffaff;border:1px solid #c8afda;box-shadow:0 3px #dbcae7;color:#9875b0}
.tt-live-ui .primary:after{content:'';position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 46%,#ffffff70 50%,transparent 54%);transform:translateX(-70%);transition:transform .65s}
.tt-live-ui .primary:hover:after{transform:translateX(70%)}
.tt-live-ui .primary:hover,.tt-live-ui .secondary:hover{transform:translateY(-2px)}
.tt-live-ui .mail-illustration{position:relative;width:160px;height:122px;margin:14px auto 25px}
.tt-live-ui .envelope{position:absolute;width:116px;height:78px;left:22px;top:24px;background:#f7e9f2;border:2px solid #b99bc9;border-radius:5px;box-shadow:0 5px #e6d6ef;transform:rotate(-6deg);animation:envelopeFloat 5.5s ease-in-out infinite;overflow:hidden}
.tt-live-ui .envelope:before{content:'';position:absolute;left:-1px;top:-40px;width:114px;height:80px;border:2px solid #bc9acf;background:#fff7fd;transform:rotate(29deg) skewX(-29deg);border-radius:5px}
.tt-live-ui .envelope:after{content:'✦';position:absolute;left:48px;top:37px;color:#c792b9;font-size:22px}
.tt-live-ui .mail-illustration .orbital{position:absolute;inset:4px;border:1px solid #d5c2e9;border-radius:50%;transform:rotate(-20deg);animation:mailOrbit 10s linear infinite;border-right-color:transparent;border-bottom-color:transparent}
.tt-live-ui .mail-illustration .orbital:after{content:'';position:absolute;left:10px;top:13px;width:8px;height:8px;background:#cbb3e4;transform:rotate(45deg)}
.tt-live-ui .mail-empty{text-align:center;padding:10px 0 24px}
.tt-live-ui .mail-empty h2{font-size:18px;letter-spacing:1px;color:#806199;margin:0 0 10px}
.tt-live-ui .mail-empty p{color:#a18bad;font-size:11px;line-height:1.9;margin:0}
.tt-live-ui .mail-summary{display:flex;justify-content:space-between;font-size:10px;color:#a18bad;border-top:1px dashed #dccbe9;padding-top:15px}
.tt-live-ui .chat{position:absolute;left:18px;bottom:25px;width:305px;z-index:1}
.tt-live-ui .chat-preview{background:#694e8199;border-left:2px solid #d3add5;color:#f9eaff;font-size:9px;padding:5px 8px;margin-bottom:6px;border-radius:3px;overflow-wrap:anywhere}
.tt-live-ui .chat-preview b{color:#edc5dd;margin-right:7px}
.tt-live-ui .chat form{display:flex;box-shadow:0 3px #84628588;border:1px solid #ccadd6;border-radius:5px;overflow:hidden;background:#fff7fc}
.tt-live-ui .chat input{font-size:11px;border:0;background:none;padding:10px;width:100%;min-width:0;color:#7f658d}
.tt-live-ui .chat form button{background:#cc92b9;color:#fff;border:0;white-space:nowrap;padding:9px 15px;font-size:11px}
.tt-live-ui .dock{position:absolute;right:18px;bottom:25px;display:flex;gap:8px;z-index:4}
.tt-live-ui .dock button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #c5a8dc;border-radius:8px 8px 8px 3px;background:#f7f0fc;width:56px;height:59px;justify-content:center;box-shadow:0 3px #a38ab7;transition:transform .2s,background .2s;overflow:hidden}
.tt-live-ui .dock button:before{content:'';position:absolute;right:-11px;top:-11px;width:22px;height:22px;background:#d2b9e6;transform:rotate(45deg);opacity:.65;transition:transform .3s}
.tt-live-ui .dock button:hover{transform:translateY(-4px);background:#fffaff}
.tt-live-ui .dock button[aria-pressed=true]{background:#e6d6f3;border-color:#9c78b9;box-shadow:0 3px #826492}
.tt-live-ui .dock img,.tt-live-ui .dock svg{width:26px;height:26px}
.tt-live-ui .dock span{font-size:9px;font-weight:700;color:#9978ae}
.tt-live-ui .dock button[aria-pressed=true] span{color:#74518f}
.tt-live-ui .lobby-hint{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:8px;color:#f0dceb;white-space:nowrap;letter-spacing:1px;text-shadow:0 1px 2px #462849}
.tt-live-ui #toast{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);background:#715c89f5;color:#fff6fc;font-size:11px;padding:11px 18px;border:1px solid #d1b9df;border-radius:5px;max-width:85%;z-index:9;opacity:0;pointer-events:none;transition:opacity .2s}
.tt-live-ui #toast.on{opacity:1}
.tt-live-ui .strong .geometry{--fx:1.4}
.tt-live-ui .strong .facets{width:209px;height:176px;filter:saturate(1.22)}
.tt-live-ui .strong .glint{background:#8860b7}
.tt-live-ui .strong .diamond{border-color:#9771bd}
.tt-live-ui .paused *,.tt-live-ui .paused *:before,.tt-live-ui .paused *:after{animation-play-state:paused!important}
.tt-live-ui .paused .ach:hover .badge-art,.tt-live-ui .paused .ach:hover .badge-art:before,.tt-live-ui .paused .close:hover{transform:none}
.tt-live-ui .paused *{transition-duration:0s!important}
@keyframes panelIn{from{opacity:0;translate:0 15px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
@keyframes wordIn{from{opacity:0;translate:-35px 0}to{opacity:1;translate:0 0}}
@keyframes facetBreath{0%,100%{opacity:.2}30%{opacity:.75}58%{opacity:.28}75%{opacity:.5}}
@keyframes slash{0%,8%{transform:translateX(-80px) scaleX(0);opacity:0}30%,48%{transform:translateX(0) scaleX(1);opacity:1}67%,100%{transform:translateX(70px) scaleX(.3);opacity:0}}
@keyframes starFlip{0%,28%,100%{transform:perspective(110px) rotateY(0) rotate(0);opacity:.7}53%{transform:perspective(110px) rotateY(180deg) rotate(8deg);opacity:1}77%{transform:perspective(110px) rotateY(360deg) rotate(0);opacity:.7}}
@keyframes diamond{0%,20%,100%{transform:rotate(45deg) translateY(0)}55%,78%{transform:rotate(135deg) translateY(-2px)}}
@keyframes ring{0%{transform:rotate(0) scale(.8);opacity:0}18%{opacity:.42}65%{opacity:.22}100%{transform:rotate(70deg) scale(1.22);opacity:0}}
@keyframes sheen{0%,25%{left:-150%;opacity:0}36%{opacity:.56}57%{left:105%;opacity:0}100%{left:105%;opacity:0}}
@keyframes coinBob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}
@keyframes envelopeFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(-2deg)}}
@keyframes mailOrbit{to{transform:rotate(340deg)}}
@keyframes idle{50%{transform:scaleY(.99) translateY(1px)}}
@media(min-width:1500px) and (min-height:880px){.tt-live-ui .panel{width:580px}
.tt-live-ui .ach{min-height:172px;padding-top:20px}
.tt-live-ui .badge-art{width:83px;height:83px}
.tt-live-ui .badge-art img{width:66px;height:66px}
.tt-live-ui .panel-head{padding-top:27px;padding-bottom:24px}
.tt-live-ui .panel h1{font-size:34px}
}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .preview-bar{height:57px}
.tt-live-ui .world{height:calc(100dvh - 57px);min-height:575px}
.tt-live-ui .panel{max-height:calc(100% - 116px);width:510px}
.tt-live-ui .panel-head{padding:15px 25px 13px}
.tt-live-ui .heading{margin-top:8px}
.tt-live-ui .panel h1{font-size:27px}
.tt-live-ui .panel-head p{margin-top:10px}
.tt-live-ui .panel-content{padding:0 25px 13px}
.tt-live-ui .panel-footer{margin:0 25px;padding:9px 0 11px;min-height:35px}
.tt-live-ui .ach{min-height:125px;padding:9px 10px 12px}
.tt-live-ui .badge-art{width:59px;height:59px;margin-bottom:6px}
.tt-live-ui .badge-art img{width:48px;height:48px}
.tt-live-ui .ach h2{font-size:14px;margin-bottom:4px}
.tt-live-ui .ach p{font-size:9px}
.tt-live-ui .setting{padding:10px 0}
.tt-live-ui .body-note{font-size:10px;margin:14px 0}
.tt-live-ui .wallet-balance strong{font-size:43px}
.tt-live-ui .wallet-balance img{width:63px;height:63px}
.tt-live-ui .wallet-balance{padding-bottom:14px}
.tt-live-ui .packages{margin:15px 0}
.tt-live-ui .package{padding:13px}
.tt-live-ui .actions{margin-top:14px}
.tt-live-ui .order{padding:10px 0 14px}
.tt-live-ui .outline-word{font-size:42px;top:29px}
.tt-live-ui .room-title{padding:7px 16px}
.tt-live-ui .account{top:15px}
.tt-live-ui .gear{top:15px}
.tt-live-ui .chat,.tt-live-ui .dock{bottom:24px}
.tt-live-ui .facets{width:170px;height:135px}
}
@media(max-width:950px){.tt-live-ui .room-title{left:55%;padding:8px 13px}
.tt-live-ui .room-title b{font-size:14px}
.tt-live-ui .room-title>span:nth-of-type(2){display:none}
.tt-live-ui .preview-bar{padding-left:16px;padding-right:16px}
.tt-live-ui .preview-controls label{margin-left:0}
.tt-live-ui .chat{width:265px}
.tt-live-ui .dock{gap:6px}
.tt-live-ui .dock button{width:49px;height:54px}
.tt-live-ui .account{left:15px}
.tt-live-ui .avatar{right:9%}
}
@media(max-width:700px){.tt-live-ui .preview-bar{height:99px;display:block;padding:11px 14px}
.tt-live-ui .preview-bar b{font-size:12px}
.tt-live-ui .preview-bar>div>span{font-size:8px;margin-top:3px}
.tt-live-ui .preview-controls{margin-top:10px;justify-content:space-between;gap:6px}
.tt-live-ui .preview-controls button{font-size:10px;padding:5px 8px}
.tt-live-ui .preview-controls label{font-size:9px;margin:0}
.tt-live-ui .preview-controls select{font-size:10px;padding:4px}
.tt-live-ui .world{height:calc(100dvh - 99px);min-height:715px;background-position:50% center}
.tt-live-ui .account{left:12px;top:12px;padding:7px;gap:5px;border-radius:7px}
.tt-live-ui .account-icon{width:31px;height:51px}
.tt-live-ui .account-icon img{width:29px;height:32px}
.tt-live-ui .account b{font-size:10px}
.tt-live-ui .account small{font-size:8px;gap:4px;margin-top:3px}
.tt-live-ui .account small button{font-size:8px;padding:1px 4px}
.tt-live-ui .account small img{width:12px;height:12px}
.tt-live-ui .account nav{gap:5px;margin-top:4px}
.tt-live-ui .account nav button{width:20px;height:20px;padding:2px}
.tt-live-ui .account nav img,.tt-live-ui .account nav svg{width:14px;height:14px}
.tt-live-ui .room-title{top:17px;left:auto;right:12px;transform:none;padding:7px 9px;gap:6px}
.tt-live-ui .room-title b{font-size:11px;letter-spacing:.7px}
.tt-live-ui .room-title .mini-star{font-size:9px}
.tt-live-ui .room-title small{font-size:8px;top:calc(100% + 8px);letter-spacing:0}
.tt-live-ui .gear{top:77px;right:13px;width:28px;height:28px}
.tt-live-ui .gear svg{width:17px;height:17px}
.tt-live-ui .panel{top:calc(50% - 8px);width:calc(100% - 30px);max-width:490px;max-height:calc(100% - 234px);border-radius:10px 10px 10px 3px}
.tt-live-ui .panel-head{padding:16px 18px 14px}
.tt-live-ui .panel h1{font-size:27px;letter-spacing:2px}
.tt-live-ui .eyebrow{font-size:7px;letter-spacing:1.5px}
.tt-live-ui .heading{margin-top:9px}
.tt-live-ui .panel-head p{font-size:10px;margin-top:12px;letter-spacing:.5px}
.tt-live-ui .close{width:24px;height:24px;right:12px;top:12px;font-size:20px}
.tt-live-ui .counter{padding-right:0;gap:4px}
.tt-live-ui .counter>b{font-size:22px}
.tt-live-ui .counter>span{font-size:9px}
.tt-live-ui .counter small{font-size:7px}
.tt-live-ui .outline-word{font-size:32px;right:26px;top:34px;opacity:.8}
.tt-live-ui .glint-a{left:126px;top:46px;width:17px;height:17px}
.tt-live-ui .facets{right:-32px;top:-15px;opacity:.5}
.tt-live-ui .corner-lines{right:-24px;top:98px;opacity:.4}
.tt-live-ui .panel-content{padding:0 18px 13px}
.tt-live-ui .ach{min-height:130px;padding:10px 5px 13px}
.tt-live-ui .badge-art{width:59px;height:59px;margin-bottom:7px}
.tt-live-ui .badge-art img{width:48px;height:48px}
.tt-live-ui .badge-art .check{width:18px;height:18px;font-size:10px;line-height:14px}
.tt-live-ui .ach h2{font-size:13px;margin-bottom:4px}
.tt-live-ui .ach p{font-size:9px}
.tt-live-ui .panel-footer{margin:0 18px;min-height:34px;padding:10px 0;font-size:8px;gap:8px}
.tt-live-ui .footer-mark{font-size:6px;gap:4px;letter-spacing:0}
.tt-live-ui .footer-mark i{width:9px}
.tt-live-ui .dock{bottom:72px;left:50%;right:auto;transform:translateX(-50%);gap:8px}
.tt-live-ui .dock button{width:50px;height:54px}
.tt-live-ui .dock img,.tt-live-ui .dock svg{width:24px;height:24px}
.tt-live-ui .dock span{font-size:8px}
.tt-live-ui .chat{bottom:24px;left:14px;width:calc(100% - 28px)}
.tt-live-ui .chat-preview{display:none}
.tt-live-ui .chat input{padding:9px;font-size:10px}
.tt-live-ui .chat form button{padding:8px 14px;font-size:10px}
.tt-live-ui .lobby-hint{font-size:6px;letter-spacing:0;bottom:6px}
.tt-live-ui .avatar{right:7%;top:76%;width:76px;height:76px}
.tt-live-ui .avatar canvas{width:76px;height:76px}
.tt-live-ui .avatar>span{left:25px;bottom:9px;width:26px;height:6px}
.tt-live-ui .avatar small{font-size:7px}
.tt-live-ui .packages{gap:9px;margin:16px 0}
.tt-live-ui .package{padding:12px}
.tt-live-ui .package strong{font-size:20px}
.tt-live-ui .package small{font-size:8px}
.tt-live-ui .package p{font-size:10px}
.tt-live-ui .wallet-balance{padding-bottom:15px}
.tt-live-ui .wallet-balance strong{font-size:42px}
.tt-live-ui .wallet-balance img{width:62px;height:62px}
.tt-live-ui .body-note{font-size:10px;margin:15px 0}
.tt-live-ui .text-btn{font-size:9px}
.tt-live-ui .setting{padding:12px 0}
.tt-live-ui .setting h2{font-size:12px}
.tt-live-ui .setting p{font-size:9px;max-width:170px}
.tt-live-ui .setting input[type=range]{width:92px}
.tt-live-ui .quality button{padding:6px 7px;font-size:8px}
.tt-live-ui .primary,.tt-live-ui .secondary{font-size:10px;padding:9px 15px}
.tt-live-ui .tabs{gap:18px}
.tt-live-ui .tabs button{font-size:11px}
.tt-live-ui .order h2{font-size:12px}
.tt-live-ui .order-top strong{font-size:15px}
.tt-live-ui .order p{font-size:9px}
.tt-live-ui .order{padding:12px 0}
.tt-live-ui .order-status{line-height:1.5}
.tt-live-ui .mail-empty{padding:7px 0 20px}
.tt-live-ui .mail-empty h2{font-size:16px}
.tt-live-ui .mail-empty p{font-size:10px}
.tt-live-ui .mail-illustration{margin-top:7px;margin-bottom:18px}
.tt-live-ui #toast{bottom:146px;font-size:10px;padding:9px 13px}
.tt-live-ui .strong .facets{opacity:.75}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui *,.tt-live-ui *:before,.tt-live-ui *:after{animation:none!important;transition:none!important}
.tt-live-ui .facets i{opacity:.36}
.tt-live-ui .light-sweep{display:none}
}
.tt-live-ui .ach p{color:#9073a8}
.tt-live-ui .panel-head p{color:#9071ac}
.tt-live-ui .panel-footer{color:#9174a8}
.tt-live-ui .badge-art img{image-rendering:pixelated}
.tt-live-ui .dock button img{image-rendering:pixelated}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .panel{width:536px}
.tt-live-ui .ach{min-height:132px}
.tt-live-ui .badge-art{width:65px;height:65px}
.tt-live-ui .badge-art img{width:53px;height:53px}
.tt-live-ui .ach h2{font-size:15px}
.tt-live-ui .ach p{font-size:10px}
}
@media(max-width:700px){.tt-live-ui .panel{top:calc(50% - 12px);max-height:calc(100% - 256px)}
}

.tt-live-ui body{font-size:16px;color:#59416f}
.tt-live-ui .preview-bar{height:78px}
.tt-live-ui .preview-bar b{font-size:16px}
.tt-live-ui .preview-bar>div>span{font-size:12px}
.tt-live-ui .preview-controls button,.tt-live-ui .preview-controls select{font-size:13px}
.tt-live-ui .preview-controls label{font-size:12px}
.tt-live-ui .world{height:calc(100dvh - 78px);min-height:650px}
.tt-live-ui .account b{font-size:16px}
.tt-live-ui .account small{font-size:12px}
.tt-live-ui .account small button{font-size:12px}
.tt-live-ui .account nav button{width:30px;height:28px}
.tt-live-ui .account nav img{width:20px;height:20px}
.tt-live-ui .room-title,.tt-live-ui .gear{z-index:1}
.tt-live-ui .room-title b{font-size:21px}
.tt-live-ui .room-title>span:nth-of-type(2),.tt-live-ui .room-title small{font-size:12px}
.tt-live-ui .avatar small{font-size:12px}
.tt-live-ui .gear{width:42px;height:42px}
.tt-live-ui .panel{width:640px;max-height:calc(100% - 154px);border-radius:19px 19px 19px 5px;border:1px solid #d4bedc;background:linear-gradient(150deg,#fffcfff7,#faf6fff5 60%,#f0e8faf7);box-shadow:0 4px 0 #a895b9,0 0 0 3px #fff7ffcc,0 18px 45px #291c3840;backdrop-filter:blur(12px)}
@property --frame-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.tt-live-ui .panel:after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--frame-angle),#ebc0d9,#b9b1e9,#b7d6e4,#e4d9eb,#ebc0d9);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:5;animation:frameLight 12s linear infinite}
@keyframes frameLight{to{--frame-angle:360deg}}
.tt-live-ui .panel-head{padding:24px 30px 20px}
.tt-live-ui .panel h1{font-size:34px;letter-spacing:2px}
.tt-live-ui .eyebrow{font-size:11px}
.tt-live-ui .panel-head p{font-size:15px;color:#80678e;line-height:1.6;letter-spacing:.2px;margin-top:15px}
.tt-live-ui .heading{justify-content:flex-start;gap:16px}
.tt-live-ui .heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#b79aca,#dcb9d3,transparent);margin-right:12px}
.tt-live-ui .counter{margin-left:auto;order:2}
.tt-live-ui .counter>b{font-size:30px}
.tt-live-ui .counter>span{font-size:14px}
.tt-live-ui .counter small{font-size:11px}
.tt-live-ui .outline-word{font-size:62px;right:53px;top:28px}
.tt-live-ui .close{width:34px;height:34px;right:17px;top:15px;font-size:25px}
.tt-live-ui .glint-a{left:205px;top:51px;width:18px;height:18px}
.tt-live-ui .panel-content{padding:0 30px 22px}
.tt-live-ui .panel-footer{margin:0 30px;font-size:12px;gap:14px;padding:14px 0;min-height:48px}
.tt-live-ui .footer-mark{font-size:8px}
.tt-live-ui .back-menu{border:0;border-bottom:1px solid #bba6cc;background:none;padding:4px 0;white-space:nowrap;font-size:13px}
.tt-live-ui .panel-footer #footnote{margin-left:auto}
.tt-live-ui .panel-footer .footer-mark{display:none}
.tt-live-ui .setting{padding:15px 17px;background:#ffffffc9;border:1px solid #e7dcec;border-radius:9px;margin-bottom:9px;gap:20px;box-shadow:0 2px 0 #e7daef66}
.tt-live-ui .setting:first-child{padding-top:15px}
.tt-live-ui .setting h2{font-size:18px;margin-bottom:5px}
.tt-live-ui .setting p{font-size:14px;color:#846f95;max-width:none}
.tt-live-ui .switch{width:46px;height:28px;padding:3px}
.tt-live-ui .switch:before{width:20px;height:20px}
.tt-live-ui .switch[aria-checked=true]{background:#ae86c6}
.tt-live-ui .switch[aria-checked=true]:before{transform:translateX(18px)}
.tt-live-ui .setting input[type=range]{width:154px}
.tt-live-ui .quality button{font-size:13px;padding:8px 10px}
.tt-live-ui .primary,.tt-live-ui .secondary{font-size:15px;padding:12px 20px}
.tt-live-ui .body-note{font-size:15px;color:#816e8d}
.tt-live-ui .text-btn,.tt-live-ui .order .text-btn{font-size:14px}
.tt-live-ui .text-links{flex-wrap:wrap}
.tt-live-ui .wallet-balance small{font-size:15px}
.tt-live-ui .wallet-balance strong{font-size:56px}
.tt-live-ui .package{border-radius:9px;clip-path:none;padding:22px 19px}
.tt-live-ui .package strong{font-size:29px}
.tt-live-ui .package small{font-size:15px}
.tt-live-ui .package p{font-size:15px}
.tt-live-ui .tabs button{font-size:16px}
.tt-live-ui .order{background:#fffdfedb;border:1px solid #e0d2e9!important;border-radius:10px;padding:18px!important;margin-bottom:13px}
.tt-live-ui .order h2{font-size:18px}
.tt-live-ui .order small{font-size:14px}
.tt-live-ui .order-top strong{font-size:20px}
.tt-live-ui .order p{font-size:14px;line-height:1.6}
.tt-live-ui .steps span{font-size:13px;padding-top:10px}
.tt-live-ui .mail-empty h2{font-size:23px}
.tt-live-ui .mail-empty p{font-size:16px;color:#846e93}
.tt-live-ui .mail-summary{font-size:14px}
.tt-live-ui .ach-grid{gap:12px}
.tt-live-ui .ach{border:1px solid #d6c2e1!important;border-radius:10px;min-height:180px;background:#ffffffbd;padding:18px 12px;box-shadow:0 3px 0 #dacee5;text-align:left}
.tt-live-ui .badge-art{margin:0 0 16px;width:67px;height:67px}
.tt-live-ui .badge-art img{width:54px;height:54px}
.tt-live-ui .ach h2{font-size:21px;position:relative;z-index:1}
.tt-live-ui .ach p{font-size:14px;position:relative;z-index:1;color:#806b91}
.tt-live-ui .ach:after{content:attr(data-word);right:8px;top:12px;bottom:auto;width:auto;height:auto;writing-mode:vertical-rl;text-orientation:mixed;transform:none;transition:transform .5s;color:transparent;-webkit-text-stroke:1px #ded0ed;background:none;opacity:1;font:700 30px/1 Arial,sans-serif;letter-spacing:2px}
.tt-live-ui .ach:hover:after,.tt-live-ui .ach[aria-pressed=true]:after{right:8px;transform:translateY(7px)}
.tt-live-ui .ach.locked p{color:#927e9d}
.tt-live-ui .panel[data-view=menu]{width:790px}
.tt-live-ui .panel[data-view=menu] .panel-head{padding-bottom:19px}
.tt-live-ui .panel[data-view=menu] .panel-content{padding:0 22px 19px}
.tt-live-ui .panel[data-view=menu] .panel-head p{margin-top:13px}
.tt-live-ui .panel[data-view=menu] .outline-word{font-size:69px;opacity:.65}
.tt-live-ui .menu-ribbon{display:flex;align-items:center;gap:18px;margin:0 -22px 21px;padding:10px 30px;background:#624476;color:#fff5ff;font-size:15px}
.tt-live-ui .menu-ribbon span{border-left:1px solid #c6a9d0;padding-left:18px;font:700 10px Arial;letter-spacing:1.8px;color:#e1cfe9}
.tt-live-ui .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tt-live-ui .feature-tile{position:relative;text-align:left;min-height:246px;padding:18px 18px 17px;background:#fffefd;border:1.5px solid #b99bcf;border-radius:12px;box-shadow:0 4px #d2c0df;isolation:isolate;overflow:hidden;transition:transform .25s,box-shadow .25s}
.tt-live-ui .tile-number{display:block;font-weight:700;font-size:13px;letter-spacing:1px;color:#be739d}
.tt-live-ui .feature-tile:nth-child(2) .tile-number{color:#aa883f}
.tt-live-ui .feature-tile:nth-child(3) .tile-number{color:#609988}
.tt-live-ui .feature-tile img{display:block;width:47px;height:47px;margin:15px 0 20px;image-rendering:pixelated}
.tt-live-ui .feature-tile h2{font-size:23px;margin:0 0 8px;letter-spacing:.4px}
.tt-live-ui .feature-tile p{font-size:14px;margin:0 0 20px;color:#897196;line-height:1.6}
.tt-live-ui .vertical-word{position:absolute;right:10px;top:13px;writing-mode:vertical-rl;text-orientation:mixed;font:900 38px/1 Arial,sans-serif;letter-spacing:2px;color:transparent;-webkit-text-stroke:1.2px #e3d3ef;z-index:-1;transition:translate .5s}
.tt-live-ui .feature-tile:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(130deg,transparent 50%,#f0e5f5);clip-path:polygon(100% 0,100% 100%,24% 100%);transition:translate .5s;translate:35% 0}
.tt-live-ui .feature-tile:hover,.tt-live-ui .feature-tile:focus-visible{transform:translateY(-4px);box-shadow:0 7px #c6acd6}
.tt-live-ui .feature-tile:hover:before{translate:0 0}
.tt-live-ui .feature-tile:hover .vertical-word{translate:0 8px}
.tt-live-ui .tile-cta{display:inline-flex;gap:17px;align-items:center;font-size:14px;padding:6px 12px;background:#f0e7f7;border:1px solid #d7bfe5;border-radius:20px}
.tt-live-ui .tile-cta b{font:16px Arial}
.tt-live-ui .menu-links{display:flex;justify-content:flex-end;gap:28px;margin-top:22px}
.tt-live-ui .menu-links button{border:0;border-bottom:1px solid #c4aacd;background:none;padding:4px 0;font-size:14px}
.tt-live-ui .menu-links span{margin-left:15px}
.tt-live-ui .chat{width:330px}
.tt-live-ui .chat-preview{font-size:12px}
.tt-live-ui .chat input,.tt-live-ui .chat form button{font-size:14px}
.tt-live-ui .dock button{width:65px;height:68px}
.tt-live-ui .dock span{font-size:12px}
.tt-live-ui .dock img,.tt-live-ui .dock svg{width:28px;height:28px}
.tt-live-ui .lobby-hint{font-size:10px}
.tt-live-ui .lobby-geometry{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.tt-live-ui .lobby-corner{position:absolute;width:clamp(260px,28vw,430px);height:auto;stroke-linecap:butt;stroke-linejoin:miter;overflow:visible}
.tt-live-ui .corner-ne{top:-15px;right:-15px}
.tt-live-ui .corner-sw{left:-6px;bottom:26px;width:clamp(235px,25vw,370px)}
.tt-live-ui .geo-tracks{stroke:#fff0ff;stroke-width:1;opacity:.5;fill:none}
.tt-live-ui .track-glow{stroke:white;stroke-width:2;stroke-dasharray:35 500;stroke-dashoffset:535;animation:lineTravel 6s cubic-bezier(.4,0,.25,1) infinite}
.tt-live-ui .glow-two{animation-delay:-2.4s;animation-duration:7s}
.tt-live-ui .glow-three{animation-delay:-3s}
.tt-live-ui .triangle-solid{fill:#594073;stroke:none;opacity:.57}
.tt-live-ui .triangle-outline{fill:none;stroke:#eee0f3;stroke-width:1;opacity:.6}
.tt-live-ui .triangle-pink{fill:#e5b0d2;stroke:none;opacity:.44}
.tt-live-ui .geo-float{animation:cornerDrift 9s ease-in-out infinite}
.tt-live-ui .corner-sw .geo-float{animation-delay:-4s}
.tt-live-ui .geo-square{fill:none;stroke:#fff0fc;stroke-width:1.1;transform-box:fill-box;transform-origin:center;animation:cornerTurn 11s ease-in-out infinite;opacity:.8}
.tt-live-ui .square-small{animation-duration:15s;animation-delay:-5s}
.tt-live-ui .geo-star{fill:#ffe2f6;stroke:none;transform-box:fill-box;transform-origin:center;animation:cornerFlip 6.8s ease-in-out infinite;opacity:.8}
.tt-live-ui .geo-star.delayed{animation-delay:-3.4s}
.tt-live-ui .geo-dots{fill:#fff1fc;stroke:none;opacity:.42;animation:dotBreath 5s ease-in-out infinite}
.tt-live-ui .strong .lobby-geometry{filter:drop-shadow(0 0 2px #f2d7f6)}
.tt-live-ui .strong .geo-tracks{opacity:.85}
.tt-live-ui .strong .triangle-solid{opacity:.8}
.tt-live-ui .strong .geo-dots{fill:#fff;opacity:.8}
@keyframes lineTravel{0%,12%{stroke-dashoffset:535;opacity:0}22%{opacity:1}68%,100%{stroke-dashoffset:-500;opacity:0}}
@keyframes cornerDrift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes cornerTurn{0%,14%{rotate:0deg}45%,63%{rotate:45deg}100%{rotate:90deg}}
@keyframes cornerFlip{0%,20%,100%{transform:perspective(120px) rotateY(0deg)}64%,84%{transform:perspective(120px) rotateY(180deg)}}
@keyframes dotBreath{50%{opacity:.2}}
@media(min-width:1500px){.tt-live-ui .panel{width:680px}
.tt-live-ui .panel[data-view=menu]{width:830px}
.tt-live-ui .panel h1{font-size:36px}
.tt-live-ui .setting{padding:18px}
.tt-live-ui .setting:first-child{padding-top:18px}
.tt-live-ui .feature-tile{min-height:272px}
.tt-live-ui .feature-tile h2{font-size:25px}
.tt-live-ui .feature-tile p{font-size:16px}
}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .world{min-height:575px}
.tt-live-ui .panel{max-height:calc(100% - 122px)}
.tt-live-ui .panel-head{padding:17px 27px 15px}
.tt-live-ui .panel h1{font-size:30px}
.tt-live-ui .panel-head p{margin-top:12px}
.tt-live-ui .panel-content{padding:0 27px 18px}
.tt-live-ui .panel-footer{padding:10px 0;margin:0 27px}
.tt-live-ui .feature-tile{min-height:216px}
.tt-live-ui .feature-tile img{margin:12px 0 14px;width:38px;height:38px}
.tt-live-ui .feature-tile p{margin-bottom:14px}
.tt-live-ui .setting{padding:12px 15px}
.tt-live-ui .setting:first-child{padding-top:12px}
.tt-live-ui .ach{min-height:173px}
}
@media(max-width:900px) and (min-width:701px){.tt-live-ui .preview-bar{padding:10px 15px;height:99px;align-items:flex-start;flex-direction:column;gap:7px}
.tt-live-ui .preview-bar>div>span{display:none}
.tt-live-ui .world{height:calc(100dvh - 99px)}
.tt-live-ui .panel[data-view=menu]{width:calc(100% - 60px)}
.tt-live-ui .feature-tile{padding:15px 12px}
.tt-live-ui .feature-tile h2{font-size:20px}
.tt-live-ui .feature-tile p{font-size:13px}
.tt-live-ui .vertical-word{font-size:31px}
.tt-live-ui .chat{width:290px}
.tt-live-ui .dock button{width:54px}
.tt-live-ui .room-title{left:58%}
.tt-live-ui .room-title b{font-size:18px}
}
@media(max-width:700px){.tt-live-ui .preview-bar{height:125px;padding:10px 12px}
.tt-live-ui .preview-bar b{font-size:14px}
.tt-live-ui .preview-bar>div>span{font-size:11px}
.tt-live-ui .preview-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;margin-top:8px}
.tt-live-ui .preview-controls button,.tt-live-ui .preview-controls select{font-size:11px;padding:5px 7px}
.tt-live-ui .preview-controls label{font-size:11px}
.tt-live-ui .world{height:calc(100dvh - 125px);min-height:750px}
.tt-live-ui .account{padding:7px}
.tt-live-ui .account b{font-size:13px}
.tt-live-ui .account small{font-size:10px}
.tt-live-ui .account small button{font-size:10px}
.tt-live-ui .account nav button{width:25px;height:24px}
.tt-live-ui .account nav img{width:17px;height:17px}
.tt-live-ui .room-title{right:13px;left:auto;top:18px;padding:8px;gap:5px}
.tt-live-ui .room-title b{font-size:13px}
.tt-live-ui .room-title small{font-size:10px}
.tt-live-ui .gear{top:86px;right:14px;width:31px;height:31px}
.tt-live-ui .panel,.tt-live-ui .panel[data-view=menu]{width:calc(100% - 32px);max-height:calc(100% - 278px);top:calc(50% - 10px);border-radius:14px 14px 14px 4px}
.tt-live-ui .panel-head,.tt-live-ui .panel[data-view=menu] .panel-head{padding:18px 18px 15px}
.tt-live-ui .panel h1{font-size:28px}
.tt-live-ui .eyebrow{font-size:10px}
.tt-live-ui .panel-head p,.tt-live-ui .panel[data-view=menu] .panel-head p{font-size:13px;letter-spacing:0;margin-top:12px;padding-right:5px}
.tt-live-ui .outline-word,.tt-live-ui .panel[data-view=menu] .outline-word{font-size:39px;right:35px;top:34px}
.tt-live-ui .counter>b{font-size:24px}
.tt-live-ui .counter>span{font-size:11px}
.tt-live-ui .counter small{font-size:10px}
.tt-live-ui .close{width:29px;height:29px;right:12px;top:12px}
.tt-live-ui .glint-a{left:161px;top:49px}
.tt-live-ui .panel-content,.tt-live-ui .panel[data-view=menu] .panel-content{padding:0 17px 16px}
.tt-live-ui .panel-footer{margin:0 18px;font-size:10px;gap:8px;min-height:42px;padding:9px 0}
.tt-live-ui .back-menu{font-size:12px}
.tt-live-ui .menu-ribbon{margin:0 -17px 14px;padding:9px 18px;font-size:13px;gap:10px}
.tt-live-ui .menu-ribbon span{font-size:8px;padding-left:10px;letter-spacing:1px}
.tt-live-ui .feature-grid{grid-template-columns:1fr;gap:12px}
.tt-live-ui .feature-tile{min-height:132px;padding:16px 17px 15px 74px}
.tt-live-ui .tile-number{position:absolute;left:17px;top:15px;font-size:12px}
.tt-live-ui .feature-tile img{position:absolute;left:17px;top:41px;width:38px;height:38px;margin:0}
.tt-live-ui .feature-tile h2{font-size:21px;margin:0 0 5px}
.tt-live-ui .feature-tile p{font-size:13px;margin:0 0 10px}
.tt-live-ui .tile-cta{font-size:12px;padding:4px 10px}
.tt-live-ui .vertical-word{font-size:23px;right:9px;top:10px;letter-spacing:1px}
.tt-live-ui .menu-links{margin-top:17px;gap:22px}
.tt-live-ui .menu-links button{font-size:13px}
.tt-live-ui .setting{padding:13px 12px;gap:10px;flex-wrap:wrap}
.tt-live-ui .setting:first-child{padding-top:13px}
.tt-live-ui .setting h2{font-size:17px}
.tt-live-ui .setting p{font-size:13px;max-width:175px}
.tt-live-ui .setting input[type=range]{width:100px}
.tt-live-ui .quality{margin-left:auto}
.tt-live-ui .quality button{font-size:12px;padding:7px 9px}
.tt-live-ui .actions{gap:8px}
.tt-live-ui .primary,.tt-live-ui .secondary{font-size:13px;padding:11px 13px}
.tt-live-ui .ach-grid{gap:10px}
.tt-live-ui .ach{min-height:175px;padding:14px 10px}
.tt-live-ui .ach h2{font-size:19px}
.tt-live-ui .ach p{font-size:13px}
.tt-live-ui .ach:after{font-size:25px;right:5px}
.tt-live-ui .badge-art{width:59px;height:59px}
.tt-live-ui .badge-art img{width:46px;height:46px}
.tt-live-ui .body-note{font-size:14px}
.tt-live-ui .wallet-balance small{font-size:13px}
.tt-live-ui .wallet-balance strong{font-size:46px}
.tt-live-ui .package{padding:16px 11px}
.tt-live-ui .package strong{font-size:24px}
.tt-live-ui .package small{font-size:12px}
.tt-live-ui .package p{font-size:13px}
.tt-live-ui .text-btn,.tt-live-ui .order .text-btn{font-size:13px}
.tt-live-ui .tabs button{font-size:14px}
.tt-live-ui .order{padding:13px!important}
.tt-live-ui .order-top{flex-wrap:wrap;gap:8px}
.tt-live-ui .order h2{font-size:16px}
.tt-live-ui .order-top strong{font-size:18px}
.tt-live-ui .order small,.tt-live-ui .order p{font-size:13px}
.tt-live-ui .steps span{font-size:12px}
.tt-live-ui .mail-empty h2{font-size:21px}
.tt-live-ui .mail-empty p{font-size:14px}
.tt-live-ui .mail-summary{font-size:13px}
.tt-live-ui .chat{left:14px;width:calc(100% - 28px);bottom:24px}
.tt-live-ui .chat input,.tt-live-ui .chat form button{font-size:14px}
.tt-live-ui .dock{bottom:81px;gap:7px}
.tt-live-ui .dock button{width:54px;height:63px}
.tt-live-ui .dock span{font-size:11px}
.tt-live-ui .lobby-hint{font-size:8px}
.tt-live-ui .corner-ne{width:228px;top:95px;right:-24px;opacity:.85}
.tt-live-ui .corner-sw{width:208px;bottom:115px;left:-33px;opacity:.85}
.tt-live-ui .avatar small{font-size:10px}
.tt-live-ui .avatar{top:75%}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .geo-tracks .track-glow{display:none}
.tt-live-ui .geo-float,.tt-live-ui .geo-square,.tt-live-ui .geo-star,.tt-live-ui .geo-dots,.tt-live-ui .panel:after{animation:none!important}
.tt-live-ui .geo-square{rotate:45deg}
}
@media(min-width:701px){.tt-live-ui .world{min-height:0}
.tt-live-ui .panel{top:calc(50% - 9px);max-height:calc(100% - 196px)}
}
@media(max-height:780px) and (min-width:901px){.tt-live-ui .panel[data-view=menu] .panel-head{padding:14px 25px 10px}
.tt-live-ui .panel[data-view=menu] .panel-head p{display:none}
.tt-live-ui .panel[data-view=menu] .menu-ribbon{padding-top:8px;padding-bottom:8px;margin-bottom:14px}
.tt-live-ui .panel[data-view=menu] .feature-tile{min-height:200px;padding-top:13px;padding-bottom:13px}
.tt-live-ui .panel[data-view=menu] .feature-tile img{margin:9px 0 12px;width:33px;height:33px}
.tt-live-ui .panel[data-view=menu] .feature-tile h2{font-size:22px}
.tt-live-ui .panel[data-view=menu] .menu-links{margin-top:14px}
.tt-live-ui .panel[data-view=menu] .panel-content{padding-bottom:12px}
.tt-live-ui .panel[data-view=menu] .panel-footer{padding:8px 0;min-height:35px}
}
@media(max-width:700px){.tt-live-ui .world{min-height:650px}
.tt-live-ui .panel,.tt-live-ui .panel[data-view=menu]{max-height:calc(100% - 304px)}
}

.tt-live-ui .panel{--page-pink:#f7dfe9;--page-cream:#fffaf0;--page-ink:#67426e;width:740px;background:var(--page-cream);border:2px solid #b48fb6;border-radius:23px 23px 18px 18px;box-shadow:0 6px 0 #795775,0 0 0 3px #fffdf7,0 16px 40px #291a3740;backdrop-filter:none}
.tt-live-ui .panel:after{display:none}
.tt-live-ui .panel .geometry{display:none}
.tt-live-ui .panel-head{padding:19px 27px 16px;background:var(--page-pink);border-bottom:1px solid #e6cad7;overflow:hidden}
.tt-live-ui .panel-head:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,#fffaf2 1.8px,transparent 2px);background-size:19px 19px;opacity:.8;transform:rotate(-8deg) scale(1.2);animation:printDrift 24s linear infinite}
.tt-live-ui .panel h1{font-size:31px;letter-spacing:1px;color:#b85c89;-webkit-text-stroke:3px #fffdf8;paint-order:stroke fill;text-shadow:0 3px 0 #b694af}
.tt-live-ui .panel-head p{margin:9px 0 0 49px;font-size:14px;line-height:1.5;color:#785675}
.tt-live-ui .eyebrow{position:relative;display:block;margin-left:49px;font-size:10px;letter-spacing:2px;color:#976583}
.tt-live-ui .heading{margin-top:4px;gap:10px}
.tt-live-ui .heading:after{display:none}
.tt-live-ui .masthead-icon{width:36px;height:36px;flex:none;stroke:#6e416e;fill:#fff9f0;stroke-width:2;overflow:visible}
.tt-live-ui .title-chip>i{display:none}
.tt-live-ui .outline-word{display:none}
.tt-live-ui .close{top:20px;right:20px;width:33px;height:33px;border:1.5px solid #987293;background:#fffaf0;box-shadow:0 3px #ceadb9;color:#795277}
.tt-live-ui .panel-content{padding:22px 25px 21px}
.tt-live-ui .panel-footer{margin:0;padding:12px 25px;border-top:1px solid #e4d1d6;background:#fff9f1;color:#9b7892}
.tt-live-ui .panel-footer #footnote{font-size:11px}
.tt-live-ui .back-menu{color:#91617f}
.tt-live-ui .section-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#70516d}
.tt-live-ui .section-caption b{font-size:16px}
.tt-live-ui .section-caption span{font:700 9px Arial;letter-spacing:1.8px;color:#a48391}
.tt-live-ui .issue-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#9c768b}
.tt-live-ui .primary{background:#b879a6;border-color:#a16997;box-shadow:0 3px #885777}
.tt-live-ui .secondary{background:#fffcf8;border-color:#ba9dbb;box-shadow:0 3px #e5d3df}
.tt-live-ui .text-btn{color:#946080}
.tt-live-ui .panel[data-view=menu]{width:790px}
.tt-live-ui .panel[data-view=menu] .panel-head{padding:19px 27px 16px}
.tt-live-ui .panel[data-view=menu] .panel-head p{display:block;font-size:14px;margin-top:9px}
.tt-live-ui .panel[data-view=menu] .panel-content{padding:0 23px 18px}
.tt-live-ui .menu-ribbon{background:#67436e;margin:0 -23px 19px;padding:9px 26px}
.tt-live-ui .feature-tile{background:#fffefd;border:2px solid #b18abd;border-radius:14px;box-shadow:0 4px #d8c4cc}
.tt-live-ui .feature-tile:nth-child(2){background:#fffdf6}
.tt-live-ui .feature-tile:nth-child(3){background:#fafff9}
.tt-live-ui .feature-tile img{animation:menuNod 7s ease-in-out infinite;transform-origin:50% 85%}
.tt-live-ui .feature-tile:nth-child(2) img{animation-delay:-2.3s}
.tt-live-ui .feature-tile:nth-child(3) img{animation-delay:-4.6s}
.tt-live-ui .feature-tile h2{color:#704a77}
.tt-live-ui .feature-tile:before{background:linear-gradient(130deg,transparent 50%,#f8e4ec)}
.tt-live-ui .vertical-word{-webkit-text-stroke-color:#e5d7ee}
.tt-live-ui .tile-cta{background:#f3e9f7;border-color:#d6c0e2}
.tt-live-ui .menu-links{margin-top:18px}
.tt-live-ui .panel[data-view=achievements]{width:790px}
.tt-live-ui .collection-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:21px}
.tt-live-ui .collection-cover{position:relative;padding:19px 17px 77px;background:#f6dce6;border:1px solid #deb5c6;border-radius:90px 90px 8px 8px;text-align:center;overflow:hidden;isolation:isolate}
.tt-live-ui .collection-cover:before{content:'';position:absolute;inset:8px;border:1px dashed #c994b0;border-radius:inherit;pointer-events:none}
.tt-live-ui .collection-cover>.issue-label{display:block;font-size:9px;margin:12px 0 9px}
.tt-live-ui .collection-cover h2{font-size:23px;line-height:1.6;margin:11px 0;color:#925674;letter-spacing:1px}
.tt-live-ui .collection-cover p{font-size:13px;line-height:1.9;margin:0;color:#976980}
.tt-live-ui .cup-scene{position:relative;height:122px;margin-top:15px}
.tt-live-ui .cup-scene>img{position:absolute;width:105px;height:105px;bottom:0;left:50%;translate:-50% 0;image-rendering:pixelated;rotate:-7deg;filter:drop-shadow(3px 5px 0 #c996a955)}
.tt-live-ui .steam{position:absolute;top:-4px;left:42%;height:31px;width:11px;border-left:2px solid #b9859f;border-radius:50%;animation:coffeeSteam 3.6s ease-out infinite}
.tt-live-ui .steam-b{left:56%;animation-delay:-1.8s;height:23px}
.tt-live-ui .mini-flower{position:absolute;right:1px;bottom:0;font-size:40px;color:#fff8e8;text-shadow:0 0 1px #ce99a7;animation:flowerSway 8s ease-in-out infinite}
.tt-live-ui .cover-stamp{position:absolute;bottom:19px;left:50%;translate:-50% 0;rotate:-8deg;border:2px solid #b97991;border-radius:50%;padding:8px 14px;color:#a16482;font:bold 20px/1.05 Arial}
.tt-live-ui .cover-stamp small{font:10px Seed,sans-serif;letter-spacing:2px}
.tt-live-ui .ach-grid{gap:15px}
.tt-live-ui .ach{padding:15px 17px 13px;min-height:207px;border:1.5px dashed #c3a1bd!important;border-radius:5px;box-shadow:3px 4px 0 #e5d3df;background:#fffafd;overflow:hidden;animation:collectPlace .65s cubic-bezier(.16,.8,.25,1) both;animation-delay:calc(var(--n)*90ms)}
.tt-live-ui .ach:nth-child(2){background:#fff3df}
.tt-live-ui .ach:nth-child(3){background:#edf3fc}
.tt-live-ui .ach:nth-child(4){background:#f2edf6}
.tt-live-ui .ach:after{display:none}
.tt-live-ui .ach:before{inset:0;background:linear-gradient(125deg,transparent 25%,#ffffffaa 45%,transparent 62%);clip-path:none;transform:translateX(-110%);opacity:1;transition:transform .65s}
.tt-live-ui .ach:hover:before{transform:translateX(100%)}
.tt-live-ui .collect-no{position:absolute;top:11px;right:12px;font:bold 12px Arial;color:#b795ac}
.tt-live-ui .badge-art{border:0;box-shadow:none;background:none!important;border-radius:0;width:64px;height:64px;margin:0 0 7px}
.tt-live-ui .badge-art:before{display:none}
.tt-live-ui .badge-art img{width:57px;height:57px}
.tt-live-ui .badge-art .check{display:none}
.tt-live-ui .ach h2{font-size:20px;margin:0 0 5px;color:#744d76}
.tt-live-ui .ach p{font-size:13px;line-height:1.6;margin:0;color:#92748e}
.tt-live-ui .collect-state{display:inline-block;margin-top:12px;padding:3px 9px;border:1px solid #c199ad;border-radius:3px;rotate:-5deg;color:#a26989;font-size:11px;background:#fff6fc99}
.tt-live-ui .ach.locked .collect-state{border-style:dashed;color:#a596af}
.tt-live-ui .ach[aria-pressed=true]{border-style:solid!important;box-shadow:3px 4px 0 #cca7be}
.tt-live-ui .ach[aria-pressed=true] .collect-state{animation:stampDown .45s ease-out}
.tt-live-ui .ach:hover .badge-art{transform:rotate(-7deg) translateY(-3px)}
.tt-live-ui .panel[data-view=settings]{width:790px;--page-pink:#e8e2f3}
.tt-live-ui .panel[data-view=settings] .panel-head:before{background:repeating-linear-gradient(90deg,transparent 0 19px,#fff9ff99 19px 20px);transform:rotate(-12deg) scale(1.3);animation:none}
.tt-live-ui .panel[data-view=settings] h1{color:#8068a3}
.tt-live-ui .tuning-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}
.tt-live-ui .music-card{background:#e7ecf5;border:1px solid #bcc7dc;border-radius:13px;padding:19px;position:relative;overflow:hidden}
.tt-live-ui .music-card>.issue-label{color:#7e84a6}
.tt-live-ui .record-player{position:relative;height:161px;margin:14px 0 8px}
.tt-live-ui .record{position:absolute;left:8px;top:2px;width:142px;height:142px;border-radius:50%;background:repeating-radial-gradient(circle,#665976 0 2px,#736483 3px 4px);border:5px solid #786888;box-shadow:4px 6px 0 #c5cadd;display:grid;place-items:center;animation:vinylSpin 12s linear infinite;animation-play-state:paused}
.tt-live-ui .record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 30deg,#fff3 50deg,transparent 80deg,transparent 210deg,#fff2 230deg,transparent 250deg)}
.tt-live-ui .record>span{position:relative;display:grid;place-items:center;width:66px;height:66px;background:#f4cee2;border:4px solid #eedbe8;border-radius:50%}
.tt-live-ui .record img{width:44px;height:44px;image-rendering:pixelated}
.tt-live-ui .tonearm{position:absolute;right:15px;top:3px;width:49px;height:93px;border-right:5px solid #aa8aa5;border-bottom:5px solid #aa8aa5;border-radius:0 0 14px 0;rotate:-12deg;transform-origin:right top;transition:rotate .8s}
.tt-live-ui .tonearm:before{content:'';position:absolute;top:-6px;right:-9px;width:15px;height:15px;border:3px solid #b298b8;background:#f6edf7;border-radius:50%}
.tt-live-ui .tonearm:after{content:'';position:absolute;bottom:-9px;left:-3px;width:17px;height:12px;background:#71567e;border-radius:3px}
.tt-live-ui .playing .record{animation-play-state:running}
.tt-live-ui .playing .tonearm{rotate:9deg}
.tt-live-ui .equalizer{position:absolute;bottom:0;right:0;display:flex;align-items:end;gap:4px;height:27px}
.tt-live-ui .equalizer i{width:5px;height:6px;background:#a788bd;border-radius:3px;transform-origin:bottom;animation:equalize 1.2s ease-in-out infinite;animation-play-state:paused}
.tt-live-ui .equalizer i:nth-child(2){animation-delay:-.3s;height:19px}
.tt-live-ui .equalizer i:nth-child(3){animation-delay:-.7s;height:13px}
.tt-live-ui .equalizer i:nth-child(4){animation-delay:-.5s;height:24px}
.tt-live-ui .equalizer i:nth-child(5){animation-delay:-.9s;height:10px}
.tt-live-ui .playing .equalizer i{animation-play-state:running}
.tt-live-ui .music-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tt-live-ui .music-heading h2,.tt-live-ui .quality-section h2{font-size:18px;margin:0 0 5px}
.tt-live-ui .music-heading p,.tt-live-ui .quality-section p{font-size:13px;color:#8c7b9c;margin:0}
.tt-live-ui .volume-label{display:flex;justify-content:space-between;font-size:13px;margin:24px 0 10px;color:#766783}
.tt-live-ui .volume-label span{font-size:12px}
.tt-live-ui .music-card input[type=range]{width:100%;margin:0;display:block;accent-color:#a987bd}
.tt-live-ui .tuning-controls>.section-caption{padding:10px 0 15px;border-bottom:2px solid #c7b3cf}
.tt-live-ui .tuning-controls .section-caption b{font-size:15px}
.tt-live-ui .tuning-controls .section-caption span{font-size:8px;white-space:nowrap}
.tt-live-ui .tuning-controls .setting{border:0!important;border-bottom:1px dashed #d9c9d8!important;border-radius:0;box-shadow:none;background:none;padding:20px 0;margin:0}
.tt-live-ui .tuning-controls .setting h2{font-size:18px}
.tt-live-ui .tuning-controls .setting p{font-size:13px}
.tt-live-ui .quality-section{position:relative;padding:21px 0 0}
.tt-live-ui .quality-section .quality{display:flex;width:fit-content;margin-top:15px;gap:5px;background:none;padding:0}
.tt-live-ui .quality button{font-size:14px;padding:9px 14px;background:#f0e9f4;border:1px solid #e4d6e8;border-radius:7px}
.tt-live-ui .quality button[aria-pressed=true]{background:#9c7bb8;border-color:#9875b2;box-shadow:0 3px #806197}
.tt-live-ui .quality-motif{display:flex;gap:3px;margin-top:20px;height:5px}
.tt-live-ui .quality-motif i{height:3px;width:35px;background:#d6bbdf;animation:tuneSlide 3s ease-in-out infinite}
.tt-live-ui .quality-motif i:nth-child(2){background:#e2bdd0;animation-delay:.2s}
.tt-live-ui .quality-motif i:nth-child(3){background:#c3d4de;animation-delay:.4s}
.tt-live-ui .panel[data-view=settings] .actions{margin-top:21px;border-top:1px solid #e3d5dd;padding-top:16px}
.tt-live-ui .panel[data-view=orders]{--page-pink:#f6e2d3;width:750px}
.tt-live-ui .panel[data-view=orders] h1{color:#ac755c}
.tt-live-ui .panel[data-view=orders] .panel-head:before{background:repeating-linear-gradient(0deg,transparent 0 17px,#fff8f080 17px 18px);animation:none;transform:rotate(0)}
.tt-live-ui .panel[data-view=orders] .panel-content{background:linear-gradient(90deg,#eadbd22b 1px,transparent 1px),linear-gradient(#eadbd22b 1px,transparent 1px);background-size:21px 21px}
.tt-live-ui .tabs{gap:9px;border-bottom:0;margin-bottom:19px}
.tt-live-ui .tabs button{padding:8px 18px;background:#f0e2de;border-radius:20px;color:#927575;font-size:15px}
.tt-live-ui .tabs button.active{background:#8b667e;color:#fff7f8}
.tt-live-ui .tabs button:after{display:none}
.tt-live-ui .order{display:grid;grid-template-columns:109px minmax(0,1fr);padding:0!important;border:1px solid #ddc3c5!important;border-radius:8px;background:#fffdf9;box-shadow:0 4px #eadbd3;overflow:hidden;animation:ticketSlide .65s cubic-bezier(.2,.8,.2,1) both;margin-bottom:17px}
.tt-live-ui .order:nth-of-type(2){animation-delay:.12s}
.tt-live-ui .ticket-date{position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:17px 10px;background:#f2e2e8;border-right:1px dashed #b98ca6}
.tt-live-ui .ticket-date small{font-size:12px;color:#a47c93}
.tt-live-ui .ticket-date b{font:700 28px/1.4 Arial;color:#a46986;margin:7px 0}
.tt-live-ui .ticket-date span{font-size:12px;line-height:1.8;color:#927087;white-space:nowrap}
.tt-live-ui .ticket-date i{height:22px;margin:17px 12px 0;background:repeating-linear-gradient(90deg,#cbaaBB 0 1px,transparent 1px 4px,#cbaaBB 4px 6px,transparent 6px 9px);opacity:.6}
.tt-live-ui .ticket-body{padding:18px 20px}
.tt-live-ui .order h2{font-size:18px}
.tt-live-ui .order-top strong{font-size:19px;color:#b5768b}
.tt-live-ui .order small{font-size:13px}
.tt-live-ui .order p{font-size:13px}
.tt-live-ui .order .order-status{color:#739888}
.tt-live-ui .steps{gap:8px}
.tt-live-ui .steps span{font-size:12px;border-color:#e7dedc}
.tt-live-ui .steps .done{border-color:#d1a1b7;color:#a17c90}
.tt-live-ui .steps .waiting:before{content:'';display:block;position:absolute;top:-3px;left:0;width:10px;height:4px;background:#c4abb9;animation:waitingPulse 2.5s ease-in-out infinite}
.tt-live-ui .ticket-help{color:#af8995!important}
.tt-live-ui .order .text-btn{font-size:12px}
.tt-live-ui .panel[data-view=wallet]{--page-pink:#e0eee4;width:670px}
.tt-live-ui .panel[data-view=wallet] h1{color:#6b9685}
.tt-live-ui .panel[data-view=wallet] .panel-head:before{background:repeating-conic-gradient(#ffffff80 0 25%,transparent 0 50%) 0/24px 24px;animation:printDrift 30s linear infinite;opacity:.5}
.tt-live-ui .purse-summary{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 23px;border-bottom:1px dashed #bacfbf}
.tt-live-ui .wallet-balance{display:block;padding:0;border:0}
.tt-live-ui .wallet-balance small{font-size:14px;color:#7e9b89}
.tt-live-ui .wallet-balance strong{font:700 65px/1.3 Arial;color:#628773;letter-spacing:0;margin:5px 0}
.tt-live-ui .wallet-balance strong span{font:14px Seed,sans-serif;margin-left:9px}
.tt-live-ui .wallet-balance p{font-size:13px;color:#839486;margin:0}
.tt-live-ui .coin-scene{position:relative;width:150px;height:140px;display:grid;place-items:center}
.tt-live-ui .coin-scene>img{width:82px;height:82px;image-rendering:pixelated;animation:coinFlipV5 7s ease-in-out infinite;filter:drop-shadow(0 6px 0 #d0bd862a)}
.tt-live-ui .coin-orbit{position:absolute;inset:9px 0 29px;border:1px solid #bbd3c4;border-radius:50%;rotate:-25deg}
.tt-live-ui .coin-orbit:before{content:'';position:absolute;top:7px;left:20px;width:9px;height:9px;border-radius:50%;background:#efcf80}
.tt-live-ui .coin-spark{position:absolute;right:8px;top:16px;color:#d7b05f;font-size:24px;font-style:normal;animation:coinTwinkle 3.5s ease-in-out infinite}
.tt-live-ui .coin-label{position:absolute;bottom:4px;font:700 9px Arial;letter-spacing:2px;color:#a5ad8f}
.tt-live-ui .panel[data-view=wallet] .section-caption{margin-top:23px}
.tt-live-ui .packages{gap:17px;margin:14px 0}
.tt-live-ui .package{clip-path:none;border:1px solid #cfbd99;border-radius:3px;background:#fff5d9;padding:16px 20px;box-shadow:0 3px #ebddbe;overflow:visible}
.tt-live-ui .package:nth-child(2){background:#eef5e9;border-color:#bfcdb8;box-shadow:0 3px #d9e5d2}
.tt-live-ui .package:before,.tt-live-ui .package:after{content:'';position:absolute;top:56%;width:14px;height:14px;translate:0 -50%;border-radius:50%;background:var(--page-cream);border:1px solid #d6c9ac}
.tt-live-ui .package:before{left:-8px}
.tt-live-ui .package:after{right:-8px;bottom:auto}
.tt-live-ui .coupon-id{display:block;font-size:10px;letter-spacing:1px;color:#aa986b;margin-bottom:10px}
.tt-live-ui .package strong{font-size:28px;color:#9d8150}
.tt-live-ui .package:nth-child(2) strong{color:#779273}
.tt-live-ui .package small{font-size:14px;color:inherit}
.tt-live-ui .package p{font-size:14px;color:#a28b6a;margin:13px 0 0;border-top:1px dashed #d4c598;padding-top:9px}
.tt-live-ui .coupon-arrow{position:absolute;right:17px;bottom:13px;font-size:22px;color:#9c956e}
.tt-live-ui .package:hover{background:#fff0c2;transform:translateY(-2px)}
.tt-live-ui .body-note{font-size:14px;color:#8e817d;line-height:1.9}
.tt-live-ui .panel[data-view=mail]{width:720px;--page-pink:#e9e4f4;background:#fffaf6}
.tt-live-ui .panel[data-view=mail] h1{color:#8c74ac}
.tt-live-ui .panel[data-view=mail] .panel-head{border-bottom:0}
.tt-live-ui .panel[data-view=mail] .panel-head:after{content:'';position:absolute;left:0;bottom:0;right:0;height:5px;background:repeating-linear-gradient(120deg,#c9accf 0 15px,#fff8f1 15px 30px,#e7b8c4 30px 45px,#fff8f1 45px 60px)}
.tt-live-ui .panel[data-view=mail] .panel-head:before{background:none;animation:none}
.tt-live-ui .letter-layout{display:grid;grid-template-columns:270px 1fr;align-items:center;gap:25px;padding:21px 0 30px}
.tt-live-ui .mail-illustration{width:260px;height:235px;margin:0;isolation:isolate}
.tt-live-ui .mail-illustration:before{content:'';position:absolute;inset:18px;background:#f6e4ed;border-radius:50% 50% 43% 46%;rotate:-9deg;z-index:-2}
.tt-live-ui .mail-illustration .envelope{width:184px;height:119px;left:34px;top:95px;transform:rotate(-8deg);animation:none;background:linear-gradient(150deg,#f4d7e6,#e9d6ef);border:2px solid #b38fb0;border-radius:6px;box-shadow:3px 6px #decbdc;z-index:2}
.tt-live-ui .mail-illustration .envelope:before{width:190px;height:140px;left:-2px;top:-95px;border-color:#b798b7;background:#f9e7f0;transform:rotate(29deg) skewX(-29deg)}
.tt-live-ui .mail-illustration .envelope:after{content:'♡';left:77px;top:66px;font-size:25px;color:#a7779b}
.tt-live-ui .letter-paper{position:absolute;left:56px;top:52px;width:141px;height:131px;background:#fffdf5;border:1px solid #d1b9c8;padding:18px 17px;rotate:-8deg;animation:letterPeek 6s ease-in-out infinite;z-index:1}
.tt-live-ui .letter-paper>span{font:italic 18px Georgia;color:#a67c92}
.tt-live-ui .letter-paper i{display:block;width:100%;height:1px;background:#e0cbd7;margin-top:10px}
.tt-live-ui .letter-paper b{display:block;text-align:right;font-size:21px;color:#c58fa9;font-weight:400}
.tt-live-ui .postal-ring{position:absolute;top:3px;right:3px;border:2px solid #c4a5c0;border-radius:50%;padding:18px 7px;color:#b493b0;font:700 9px/1.5 Arial;letter-spacing:1px;rotate:14deg;z-index:3}
.tt-live-ui .post-flower{position:absolute;left:12px;top:42px;color:#e2b9ce;font-size:39px;animation:flowerSway 8s ease-in-out infinite}
.tt-live-ui .mail-message>.issue-label{color:#ac8699}
.tt-live-ui .mail-message h2{font-size:27px;line-height:1.5;color:#8d668e;margin:16px 0}
.tt-live-ui .mail-message p{font-size:15px;line-height:2;color:#9a7f94;margin:0}
.tt-live-ui .postscript{display:block;margin-top:24px;font-size:12px;color:#b395a4}
.tt-live-ui .mail-summary{border-color:#dbc5d6;color:#9d7c94;padding-top:18px}
@keyframes printDrift{to{background-position:38px 38px}}
@keyframes menuNod{0%,80%,100%{rotate:0deg}85%{rotate:-9deg}91%{rotate:7deg}96%{rotate:-3deg}}
@keyframes coffeeSteam{0%{translate:0 8px;opacity:0;scale:.8}30%{opacity:.7}100%{translate:5px -23px;opacity:0;scale:1.2}}
@keyframes flowerSway{0%,100%{rotate:-12deg}50%{rotate:14deg}}
@keyframes collectPlace{from{opacity:0;translate:0 13px;rotate:-3deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes stampDown{0%{scale:1.4;opacity:0;rotate:-15deg}70%{scale:.94;opacity:1}100%{scale:1;rotate:-5deg}}
@keyframes vinylSpin{to{rotate:360deg}}
@keyframes equalize{0%,100%{scale:1 .3}50%{scale:1 1}}
@keyframes tuneSlide{0%,100%{scale:1 1;opacity:.5}50%{scale:1.2 1;opacity:1}}
@keyframes ticketSlide{from{translate:32px 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes waitingPulse{0%,100%{opacity:.3;scale:.7 1}50%{opacity:1;scale:1 1}}
@keyframes coinFlipV5{0%,55%,100%{transform:perspective(220px) rotateY(0) translateY(0)}75%{transform:perspective(220px) rotateY(180deg) translateY(-5px)}95%{transform:perspective(220px) rotateY(360deg) translateY(0)}}
@keyframes coinTwinkle{0%,100%{scale:.7;opacity:.4}50%{scale:1;opacity:1}}
@keyframes letterPeek{0%,100%{translate:0 0}50%{translate:0 -17px}}
@media(min-width:701px){.tt-live-ui .panel{top:calc(50% - 9px);max-height:calc(100% - 196px)}
}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .panel-head,.tt-live-ui .panel[data-view=menu] .panel-head{padding:13px 24px 11px}
.tt-live-ui .panel h1{font-size:28px}
.tt-live-ui .panel-head p,.tt-live-ui .panel[data-view=menu] .panel-head p{font-size:13px;margin-top:5px}
.tt-live-ui .panel-content{padding:17px 23px}
.tt-live-ui .panel-footer{padding:10px 23px}
.tt-live-ui .ach{min-height:185px;padding:12px 14px}
.tt-live-ui .collection-cover h2{font-size:21px}
.tt-live-ui .record-player{height:131px;margin-top:10px}
.tt-live-ui .record{width:117px;height:117px}
.tt-live-ui .record>span{width:57px;height:57px}
.tt-live-ui .tonearm{right:26px;height:77px}
.tt-live-ui .music-card{padding:15px}
.tt-live-ui .tuning-controls .setting{padding:15px 0}
.tt-live-ui .volume-label{margin-top:17px}
.tt-live-ui .panel[data-view=settings] .actions{margin-top:16px;padding-top:12px}
.tt-live-ui .quality-section{padding-top:16px}
.tt-live-ui .quality-motif{margin-top:14px}
.tt-live-ui .quality-section .quality{margin-top:12px}
.tt-live-ui .letter-layout{padding-top:4px;padding-bottom:16px}
}
@media(min-width:701px) and (max-width:900px){.tt-live-ui .panel,.tt-live-ui .panel[data-view=menu],.tt-live-ui .panel[data-view=achievements],.tt-live-ui .panel[data-view=settings],.tt-live-ui .panel[data-view=wallet],.tt-live-ui .panel[data-view=orders],.tt-live-ui .panel[data-view=mail]{width:calc(100% - 48px)}
.tt-live-ui .collection-layout{grid-template-columns:185px 1fr;gap:16px}
.tt-live-ui .tuning-layout{grid-template-columns:235px 1fr;gap:19px}
}
@media(max-width:700px){.tt-live-ui .panel,.tt-live-ui .panel[data-view=menu],.tt-live-ui .panel[data-view=achievements],.tt-live-ui .panel[data-view=settings],.tt-live-ui .panel[data-view=wallet],.tt-live-ui .panel[data-view=orders],.tt-live-ui .panel[data-view=mail]{width:calc(100% - 30px);max-height:calc(100% - 304px);border-radius:18px}
.tt-live-ui .panel-head,.tt-live-ui .panel[data-view=menu] .panel-head{padding:14px 17px 12px}
.tt-live-ui .panel h1{font-size:25px}
.tt-live-ui .heading{gap:7px}
.tt-live-ui .masthead-icon{width:28px;height:28px}
.tt-live-ui .eyebrow{margin-left:36px;font-size:8px;letter-spacing:1.5px}
.tt-live-ui .panel-head p,.tt-live-ui .panel[data-view=menu] .panel-head p{margin:7px 0 0;font-size:12px}
.tt-live-ui .close{right:12px;top:12px;width:28px;height:28px}
.tt-live-ui .panel-content{padding:17px 16px}
.tt-live-ui .panel-footer{padding:10px 17px}
.tt-live-ui .panel-footer #footnote{font-size:10px}
.tt-live-ui .collection-layout{display:block}
.tt-live-ui .collection-cover{display:grid;grid-template-columns:96px 1fr;text-align:left;padding:14px 14px;border-radius:10px;min-height:142px;margin-bottom:18px}
.tt-live-ui .collection-cover>.issue-label{grid-column:2;margin:0;font-size:8px}
.tt-live-ui .cup-scene{position:absolute;left:11px;top:20px;width:86px;height:87px;margin:0}
.tt-live-ui .cup-scene>img{width:80px;height:80px}
.tt-live-ui .mini-flower{font-size:25px}
.tt-live-ui .collection-cover h2{grid-column:2;font-size:19px;margin:8px 0 4px;line-height:1.4}
.tt-live-ui .collection-cover h2 br{display:none}
.tt-live-ui .collection-cover p{grid-column:2;font-size:11px;line-height:1.7}
.tt-live-ui .cover-stamp{display:none}
.tt-live-ui .ach-grid{gap:11px}
.tt-live-ui .ach{min-height:192px;padding:13px 10px}
.tt-live-ui .ach h2{font-size:19px}
.tt-live-ui .ach p{font-size:12px}
.tt-live-ui .badge-art{width:56px;height:56px}
.tt-live-ui .badge-art img{width:50px;height:50px}
.tt-live-ui .collect-state{font-size:10px;margin-top:10px}
.tt-live-ui .collect-no{font-size:10px;right:8px}
.tt-live-ui .tuning-layout{grid-template-columns:1fr;gap:17px}
.tt-live-ui .music-card{padding:17px}
.tt-live-ui .record-player{height:119px;margin:13px 0}
.tt-live-ui .record{width:115px;height:115px;left:50%;margin-left:-70px}
.tt-live-ui .record>span{width:55px;height:55px}
.tt-live-ui .record img{width:36px;height:36px}
.tt-live-ui .tonearm{right:52px;height:76px}
.tt-live-ui .music-heading h2,.tt-live-ui .quality-section h2{font-size:18px}
.tt-live-ui .tuning-controls .setting{padding:17px 0}
.tt-live-ui .quality-section{padding-top:17px}
.tt-live-ui .quality-motif{display:none}
.tt-live-ui .quality button{font-size:13px;padding:9px 13px}
.tt-live-ui .tuning-controls .setting p{max-width:none}
.tt-live-ui .volume-label{margin-top:17px}
.tt-live-ui .letter-layout{display:flex;flex-direction:column;gap:8px;padding:0 0 20px}
.tt-live-ui .mail-illustration{scale:.85;height:208px;margin:-9px 0 -12px}
.tt-live-ui .mail-message{text-align:center}
.tt-live-ui .mail-message h2{font-size:24px;margin:13px 0}
.tt-live-ui .mail-message h2 br{display:none}
.tt-live-ui .mail-message p{font-size:14px;line-height:1.8}
.tt-live-ui .postscript{margin-top:16px}
.tt-live-ui .purse-summary{padding:0 0 19px}
.tt-live-ui .wallet-balance strong{font-size:49px}
.tt-live-ui .wallet-balance strong span{font-size:12px}
.tt-live-ui .wallet-balance p{font-size:11px;max-width:151px;line-height:1.7}
.tt-live-ui .coin-scene{width:113px;height:117px;flex-shrink:0}
.tt-live-ui .coin-scene>img{width:67px;height:67px}
.tt-live-ui .coin-label{font-size:7px;letter-spacing:1px}
.tt-live-ui .coin-spark{right:0;top:10px}
.tt-live-ui .packages{gap:13px}
.tt-live-ui .package{padding:13px 14px}
.tt-live-ui .package strong{font-size:24px}
.tt-live-ui .package small{font-size:12px}
.tt-live-ui .package p{font-size:13px}
.tt-live-ui .coupon-id{font-size:9px}
.tt-live-ui .coupon-arrow{font-size:17px;right:12px}
.tt-live-ui .body-note{font-size:13px}
.tt-live-ui .section-caption b{font-size:15px}
.tt-live-ui .section-caption span{font-size:8px}
.tt-live-ui .order{grid-template-columns:71px minmax(0,1fr)}
.tt-live-ui .ticket-date{padding:12px 5px}
.tt-live-ui .ticket-date small{font-size:10px}
.tt-live-ui .ticket-date b{font-size:21px}
.tt-live-ui .ticket-date span{font-size:10px;white-space:normal;line-height:1.9}
.tt-live-ui .ticket-date i{margin:12px 4px 0;height:18px}
.tt-live-ui .ticket-body{padding:13px 11px}
.tt-live-ui .order h2{font-size:16px}
.tt-live-ui .order-top strong{font-size:17px}
.tt-live-ui .order small,.tt-live-ui .order p{font-size:12px}
.tt-live-ui .steps span{font-size:10px;white-space:nowrap}
.tt-live-ui .tabs button{font-size:13px;padding:8px 14px}
.tt-live-ui .order .text-btn{font-size:11px}
.tt-live-ui .menu-ribbon{margin-left:-23px;margin-right:-23px}
.tt-live-ui .feature-tile h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .steam{opacity:.45}
.tt-live-ui .ach,.tt-live-ui .order{opacity:1;translate:none}
.tt-live-ui .record,.tt-live-ui .equalizer i{animation:none!important}
.tt-live-ui .letter-paper{translate:0 -8px}
}
.tt-live-ui .panel[data-view=menu] .panel-footer{margin:0;padding:10px 25px}
@media(min-width:1100px) and (max-height:780px){.tt-live-ui .world:has(.panel:not([hidden])) .dock{right:17px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:8px}
.tt-live-ui .world:has(.panel:not([hidden])) .chat,.tt-live-ui .world:has(.panel:not([hidden])) .room-title{visibility:hidden}
.tt-live-ui .panel{top:50%;max-height:calc(100% - 36px)}
.tt-live-ui .tuning-controls .setting{padding:11px 0}
.tt-live-ui .quality-section{padding-top:12px}
.tt-live-ui .quality-motif{margin-top:10px}
.tt-live-ui .panel[data-view=settings] .actions{margin-top:12px;padding-top:10px}
}
@media(max-width:700px){.tt-live-ui .letter-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:9px 0 19px}
.tt-live-ui .mail-illustration{width:260px;height:235px;scale:1;transform:scale(.46);transform-origin:left top;margin:0 -140px -126px 0}
.tt-live-ui .mail-message{text-align:left}
.tt-live-ui .mail-message>.issue-label{font-size:8px;letter-spacing:.7px}
.tt-live-ui .mail-message h2{font-size:21px;margin:10px 0;line-height:1.5}
.tt-live-ui .mail-message h2 br{display:block}
.tt-live-ui .mail-message p{font-size:13px;line-height:1.9}
.tt-live-ui .postscript{font-size:10px;margin-top:13px}
.tt-live-ui .panel[data-view=mail] .mail-summary{font-size:12px;padding-top:12px}
}

.tt-live-ui .panel{background:linear-gradient(140deg,#fffcfff5 5%,#faf6fff0 58%,#f5edf6ee);backdrop-filter:blur(12px);border-color:#c5add3;box-shadow:0 5px #a28bac,0 0 0 3px #fff9ffcc,0 16px 40px #291a3740}
.tt-live-ui .panel:after{display:block;z-index:5;opacity:.75}
.tt-live-ui .panel .geometry{display:block;z-index:0;pointer-events:none}
.tt-live-ui .panel .geometry .facets{right:-8px;top:-10px;width:210px;height:171px;grid-template-columns:repeat(5,42px);grid-template-rows:repeat(4,42px);opacity:calc(.72 * var(--fx));mask-image:linear-gradient(125deg,transparent 5%,#000 67%)}
.tt-live-ui .panel .geometry .corner-lines{right:7px;top:97px;opacity:calc(.6 * var(--fx))}
.tt-live-ui .panel .geometry .glint-a{left:auto;right:260px;top:47px;width:18px;height:18px;opacity:.7}
.tt-live-ui .panel .geometry .ring,.tt-live-ui .panel .geometry .glint-b{display:none}
.tt-live-ui .panel .geometry .diamond{opacity:.3}
.tt-live-ui .panel .geometry .diamond-a{right:29px;bottom:20px;width:27px;height:27px}
.tt-live-ui .panel .geometry .diamond-b{right:64px;bottom:14px;width:13px;height:13px}
.tt-live-ui .panel .geometry .bottom-cut{height:53px;opacity:.55}
.tt-live-ui .panel .geometry .dot-field{bottom:14px;opacity:.1}
.tt-live-ui .panel .geometry .light-sweep{display:none}
.tt-live-ui .panel-head,.tt-live-ui .panel[data-view=menu] .panel-head{background:linear-gradient(100deg,#f6dce971 0%,#f2e8f84a 41%,#ffffff08 78%);border-bottom:1px solid #d9c8e37d;isolation:isolate}
.tt-live-ui .panel-head:before{opacity:.36;mask-image:linear-gradient(90deg,#000,transparent 48%);z-index:-1}
.tt-live-ui .panel-head .outline-word,.tt-live-ui .panel[data-view=menu] .outline-word{display:block;position:absolute;right:48px;top:28px;z-index:-1;font:700 61px/1 Arial,sans-serif;letter-spacing:2px;color:transparent;-webkit-text-stroke:1.2px #c9b3e85c;opacity:1;animation:wordIn .75s cubic-bezier(.18,.8,.2,1) both;white-space:nowrap;pointer-events:none;max-width:59%;overflow:hidden}
.tt-live-ui .panel h1{color:#765087;-webkit-text-stroke:0;text-shadow:0 2px #fff9fd;position:relative;z-index:1;font-size:31px}
.tt-live-ui .title-chip>i{display:block;left:-9px;right:-15px;top:9px;bottom:-6px;background:linear-gradient(100deg,#e8d7f2bb,#f1e0f173);clip-path:polygon(8% 0,100% 0,88% 100%,0 100%,0 24%)}
.tt-live-ui .heading{position:relative}
.tt-live-ui .heading:after{display:block;content:'';flex:1;height:1px;background:linear-gradient(90deg,#be9fcb,#e3bbd66b,transparent);margin:0 7px 0 13px}
.tt-live-ui .heading .counter{order:2;gap:5px;position:relative;z-index:1;margin:0 4px 0 10px;padding:0;color:#9a7ac2;flex:none}
.tt-live-ui .counter>b{font-size:30px}
.tt-live-ui .counter>span{font-size:13px}
.tt-live-ui .counter small{font-size:10px}
.tt-live-ui .masthead-icon{fill:#fff8f2cc;stroke:#825e8d}
.tt-live-ui .eyebrow{color:#a187b2}
.tt-live-ui .panel-head p,.tt-live-ui .panel[data-view=menu] .panel-head p{color:#91749f}
.tt-live-ui .panel-content{background:transparent}
.tt-live-ui .panel-footer,.tt-live-ui .panel[data-view=menu] .panel-footer{background:#fffafc66;border-top-color:#d9c9e4a6}
.tt-live-ui .panel[data-view=achievements] .collection-cover{background:linear-gradient(160deg,#f6dce6eb,#f2dfeee6);box-shadow:inset 0 1px 0 #ffffffb3}
.tt-live-ui .panel[data-view=achievements] .cover-stamp{display:none}
.tt-live-ui .panel[data-view=achievements] .collection-cover{padding-bottom:30px}
.tt-live-ui .panel[data-view=achievements] .ach{background:#fffbffcf;border-style:solid!important;border-color:#dac8e5!important;box-shadow:2px 4px 0 #dcd0e6;isolation:isolate}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(2){background:#fff6eacf}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(3){background:#edf3fcd4}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(4){background:#f4eef8c9}
.tt-live-ui .panel[data-view=achievements] .ach:after{display:block;content:attr(data-word);position:absolute;right:9px;top:15px;bottom:auto;height:auto;width:auto;writing-mode:vertical-rl;text-orientation:mixed;font:700 30px/1 Arial,sans-serif;letter-spacing:1.8px;color:transparent;-webkit-text-stroke:1px #ccb4e076;background:none;opacity:1;transform:none;z-index:-1;pointer-events:none;transition:translate .4s}
.tt-live-ui .panel[data-view=achievements] .ach:hover:after,.tt-live-ui .panel[data-view=achievements] .ach[aria-pressed=true]:after{translate:0 5px;right:9px;transform:none}
.tt-live-ui .collect-no{left:14px;right:auto;top:12px;font-size:10px;opacity:.65}
.tt-live-ui .panel[data-view=achievements] .badge-art{margin-top:9px}
.tt-live-ui .panel[data-view=achievements] .ach h2,.tt-live-ui .panel[data-view=achievements] .ach p{max-width:calc(100% - 23px)}
.tt-live-ui .panel[data-view=settings] .panel-head{background:linear-gradient(100deg,#e8e2f377,transparent 82%)}
.tt-live-ui .panel[data-view=settings] .facets i{animation-duration:6.5s}
.tt-live-ui .panel[data-view=settings] .music-card{background:#e7ecf5d9}
.tt-live-ui .panel[data-view=orders] .panel-head{background:linear-gradient(100deg,#f6e2d388,transparent 82%)}
.tt-live-ui .panel[data-view=orders] .geometry .facets{filter:sepia(.2);opacity:.48}
.tt-live-ui .panel[data-view=orders] .outline-word{-webkit-text-stroke-color:#d6b3c164}
.tt-live-ui .panel[data-view=orders] .order{background:#fffdfaeb}
.tt-live-ui .panel[data-view=wallet] .panel-head{background:linear-gradient(100deg,#e0eee49c,transparent 82%)}
.tt-live-ui .panel[data-view=wallet] .geometry .facets{filter:hue-rotate(70deg);opacity:.52}
.tt-live-ui .panel[data-view=wallet] .outline-word{-webkit-text-stroke-color:#adccbb80}
.tt-live-ui .panel[data-view=wallet] .facets i{animation-duration:7s}
.tt-live-ui .panel[data-view=mail]{background:linear-gradient(140deg,#fffcfff5,#faf4faf0)}
.tt-live-ui .panel[data-view=mail] .panel-head{background:linear-gradient(100deg,#e9e4f46e,transparent 82%)}
.tt-live-ui .panel[data-view=mail] .panel-head:after{opacity:.5}
.tt-live-ui .panel[data-view=mail] .geometry .facets{opacity:.42}
.tt-live-ui .panel[data-view=mail] .facets i{animation-duration:8s}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .panel h1{font-size:28px}
.tt-live-ui .panel-head .outline-word,.tt-live-ui .panel[data-view=menu] .outline-word{font-size:53px;top:24px}
.tt-live-ui .panel .geometry .corner-lines{top:85px}
.tt-live-ui .panel .geometry .facets{height:147px}
.tt-live-ui .panel .geometry .glint-a{top:36px}
.tt-live-ui .panel[data-view=achievements] .ach{padding-top:12px;min-height:185px}
.tt-live-ui .panel[data-view=achievements] .badge-art{margin-top:6px}
}
@media(max-width:700px){.tt-live-ui .panel h1{font-size:25px}
.tt-live-ui .panel-head .outline-word,.tt-live-ui .panel[data-view=menu] .outline-word{font-size:35px;top:25px;right:30px;max-width:62%;letter-spacing:1px}
.tt-live-ui .panel .geometry .facets{right:-27px;top:-15px;width:155px;height:129px;grid-template-columns:repeat(5,31px);grid-template-rows:repeat(4,31px);opacity:.55}
.tt-live-ui .panel .geometry .corner-lines{right:-19px;top:77px;scale:.75;opacity:.4}
.tt-live-ui .panel .geometry .glint-a{display:none}
.tt-live-ui .heading:after{margin-left:3px;margin-right:0;min-width:0}
.tt-live-ui .heading .counter{margin-left:4px;margin-right:0;gap:3px}
.tt-live-ui .counter>b{font-size:23px}
.tt-live-ui .counter>span{font-size:10px}
.tt-live-ui .counter small{font-size:8px}
.tt-live-ui .panel[data-view=achievements] h1{font-size:23px;letter-spacing:0}
.tt-live-ui .panel[data-view=achievements] .masthead-icon{width:24px;height:24px}
.tt-live-ui .panel[data-view=achievements] .heading{gap:5px}
.tt-live-ui .panel[data-view=achievements] .collection-cover{padding:14px}
.tt-live-ui .panel[data-view=achievements] .ach:after{font-size:24px;right:6px;top:14px}
.tt-live-ui .panel[data-view=achievements] .ach h2,.tt-live-ui .panel[data-view=achievements] .ach p{max-width:calc(100% - 13px)}
.tt-live-ui .panel[data-view=achievements] .badge-art{margin-top:8px}
.tt-live-ui .collect-no{font-size:9px;left:10px;top:9px}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .panel .facets i{opacity:.38}
.tt-live-ui .panel-head .outline-word{animation:none}
.tt-live-ui .panel:after{animation:none}
}
.tt-live-ui .heading .counter{position:absolute;right:0;top:20px;margin:0}
.tt-live-ui .panel[data-view=achievements] .panel-head p{padding-right:85px}
.tt-live-ui .panel-head .outline-word{max-width:62%;font-size:58px}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .panel-head .outline-word{font-size:53px}
.tt-live-ui .heading .counter{top:18px}
}
@media(max-width:700px){.tt-live-ui .heading .counter{right:0;top:19px}
.tt-live-ui .panel-head .outline-word{font-size:35px}
.tt-live-ui .panel[data-view=achievements] .panel-head p{padding-right:75px}
}
.tt-live-ui .heading .counter{top:26px}
.tt-live-ui .panel-head .outline-word{max-width:none}
@media(max-width:700px){.tt-live-ui .panel[data-view=achievements] .collection-cover h2 br{display:block}
.tt-live-ui .panel-head .outline-word{font-size:32px;max-width:none}
}

.tt-live-ui .panel{--dream-a:#ffe0f1;--dream-b:#e1cdff;--dream-c:#cbdfff;--deep-a:#593284;--deep-b:#9d4f9a;--ink:#65457c;--edge:#a58bc9;--signal:#a567d3;--stroke:#9275bd;--paper:#fff8ffe6}
.tt-live-ui .panel[data-view=achievements]{--dream-a:#ffe0f3;--dream-b:#e0c9ff;--dream-c:#c5d8ff;--deep-a:#503077;--deep-b:#b34f99;--ink:#714878;--edge:#bb90cb;--signal:#af68da;--stroke:#a574c5}
.tt-live-ui .panel[data-view=settings]{--dream-a:#d6f5ff;--dream-b:#c9dcff;--dream-c:#d5bcff;--deep-a:#254b8c;--deep-b:#7644a8;--ink:#485d91;--edge:#90a9d8;--signal:#627de3;--stroke:#6f8ccc}
.tt-live-ui .panel[data-view=wallet]{--dream-a:#d6fff2;--dream-b:#bce8ed;--dream-c:#cbdbff;--deep-a:#17686e;--deep-b:#466ca9;--ink:#336d78;--edge:#81b9c2;--signal:#2b9fb4;--stroke:#489faa}
.tt-live-ui .panel[data-view=orders]{--dream-a:#ffe3d5;--dream-b:#f5c5df;--dream-c:#d8c5f6;--deep-a:#7e365e;--deep-b:#a25d83;--ink:#8b536d;--edge:#cb94b0;--signal:#c870a3;--stroke:#bb769e}
.tt-live-ui .panel[data-view=mail]{--dream-a:#f7daff;--dream-b:#d9c9ff;--dream-c:#c3edfa;--deep-a:#663887;--deep-b:#5069a8;--ink:#745a95;--edge:#b093d2;--signal:#9b6cce;--stroke:#9574c1}
.tt-live-ui .panel[data-view],.tt-live-ui .panel[data-view=mail]{background:linear-gradient(145deg,color-mix(in srgb,var(--dream-a) 92%,transparent) 0%,color-mix(in srgb,var(--dream-b) 93%,transparent) 52%,color-mix(in srgb,var(--dream-c) 93%,transparent) 100%);border-color:var(--edge);box-shadow:0 5px color-mix(in srgb,var(--deep-a) 48%,#d6c8df),0 0 0 3px #fff6ffcc,0 16px 40px #291a3740;color:var(--ink)}
.tt-live-ui .panel[data-view]:after{background:conic-gradient(from var(--frame-angle),#fff8ff,var(--edge),#c0edff,#f9cff0,#fff8ff);opacity:.85}
.tt-live-ui .panel[data-view] .panel-head{background:linear-gradient(110deg,#fffaff62 0%,#ffffff18 47%,transparent 90%);border-bottom:1px solid #fff9ff59}
.tt-live-ui .panel[data-view] .panel-head:before{opacity:.23}
.tt-live-ui .panel[data-view] .panel-content{background:transparent}
.tt-live-ui .panel[data-view] .panel-footer{background:linear-gradient(95deg,#fffaff75,#ffffff24);border-top-color:#fff7ff7d}
.tt-live-ui .panel[data-view] .back-menu,.tt-live-ui .panel[data-view] .panel-footer #footnote{color:var(--ink)}
.tt-live-ui .panel[data-view] .eyebrow{color:var(--ink);opacity:.77}
.tt-live-ui .panel[data-view] .panel-head p{color:var(--ink)}
.tt-live-ui .panel[data-view] .masthead-icon{stroke:var(--deep-a);fill:#fff8f6d9}
.tt-live-ui .panel[data-view] .outline-word{-webkit-text-stroke:1.2px color-mix(in srgb,var(--stroke) 44%,transparent);color:transparent;opacity:.95}
.tt-live-ui .panel[data-view] .heading:after{background:linear-gradient(90deg,var(--stroke),#ffffff50)}
.tt-live-ui .panel[data-view] .counter{color:var(--deep-b)}
.tt-live-ui .title-chip{isolation:isolate}
.tt-live-ui .panel[data-view] .title-chip>i{display:block;position:absolute;z-index:-1;left:-12px;right:-24px;top:-4px;bottom:-6px;background:linear-gradient(110deg,var(--deep-a) 4%,var(--deep-b) 85%,var(--signal) 100%);clip-path:polygon(6% 0,100% 0,92% 100%,0 100%,0 35%);transform-origin:left center;animation:titleBlockInsert .75s cubic-bezier(.17,.84,.2,1) both;box-shadow:inset 0 -3px #1c154c22}
.tt-live-ui .title-chip>i:after{content:'';position:absolute;right:10px;top:0;bottom:0;width:3px;background:#ffffff65;transform:skewX(-19deg)}
.tt-live-ui .panel[data-view] h1{color:#fffaff;-webkit-text-stroke:0;text-shadow:0 2px 0 #22194340;white-space:nowrap}
.tt-live-ui .panel[data-view] .heading:after{margin-left:30px}
.tt-live-ui .panel[data-view] .panel-head p{margin-top:13px}
.tt-live-ui .panel[data-view] .close{background:#fffaffd9;color:var(--deep-a);border-color:var(--edge);box-shadow:0 3px color-mix(in srgb,var(--edge) 60%,#fff)}
@keyframes titleBlockInsert{0%{opacity:0;transform:translateX(-38px) scaleX(.12)}18%{opacity:1}75%{transform:translateX(2px) scaleX(1.035)}100%{opacity:1;transform:translateX(0) scaleX(1)}}
.tt-live-ui .panel[data-view] .geometry .facets,.tt-live-ui .panel[data-view] .geometry .corner-lines,.tt-live-ui .panel[data-view] .geometry .glint-a{display:none}
.tt-live-ui .panel[data-view] .geometry .bottom-cut{background:linear-gradient(115deg,var(--signal),transparent 27%,transparent 73%,var(--stroke));opacity:.15}
.tt-live-ui .panel[data-view] .geometry .diamond{border-color:var(--stroke);opacity:.24}
.tt-live-ui .signature-geometry{position:absolute;right:-10px;top:-5px;width:267px;height:190px;fill:none;stroke:var(--stroke);stroke-width:1.2;overflow:visible;opacity:.64}
.tt-live-ui .signature{display:none}
.tt-live-ui .panel[data-view=settings] .sig-settings,.tt-live-ui .panel[data-view=wallet] .sig-wallet,.tt-live-ui .panel[data-view=orders] .sig-orders,.tt-live-ui .panel[data-view=mail] .sig-mail,.tt-live-ui .panel[data-view=menu] .sig-menu{display:block}
.tt-live-ui .panel[data-view=achievements] .geometry .facets,.tt-live-ui .panel[data-view=achievements] .geometry .corner-lines,.tt-live-ui .panel[data-view=menu] .geometry .facets{display:grid;filter:none;opacity:calc(.88 * var(--fx))}
.tt-live-ui .panel[data-view=achievements] .geometry .corner-lines{display:block;opacity:.75}
.tt-live-ui .panel[data-view=achievements] .facets i{background:var(--signal);animation:prismCascade 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.21s)}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(3n){background:#91b6f2}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(4n){background:#e991d4}
.tt-live-ui .panel[data-view=achievements] .corner-lines i{background:linear-gradient(90deg,transparent,var(--deep-b),#fff5ff,transparent)}
.tt-live-ui .panel[data-view=menu] .geometry .facets{opacity:.33}
.tt-live-ui .menu-crystal{fill:#b39df32b;stroke:#9264bd;transform-box:fill-box;transform-origin:center;animation:crystalTurn 12s ease-in-out infinite}
.tt-live-ui .crystal-two{animation-delay:-6s;animation-duration:16s}
.tt-live-ui .frequency-orbit{transform-origin:181px 83px;animation:frequencyRotate 15s linear infinite}
.tt-live-ui .frequency-orbit circle:nth-child(1){stroke-dasharray:114 58;stroke-width:1.4}
.tt-live-ui .frequency-orbit circle:nth-child(2){stroke-dasharray:34 40;stroke:#717ed1;stroke-width:3}
.tt-live-ui .frequency-orbit circle:nth-child(3){stroke-dasharray:55 38;stroke:#ffffffbb;stroke-width:2}
.tt-live-ui .frequency-bars{stroke-width:3;stroke:#7897d3;animation:frequencyPulse 3s ease-in-out infinite;transform-origin:100px 147px}
.tt-live-ui .hex-fill{fill:#6ac6c538;stroke:none;animation:hexBreathe 5s ease-in-out infinite}
.tt-live-ui .hex-outline{stroke:#4797a0;stroke-width:1.2}
.tt-live-ui .hex-trail{stroke:#68a5b2;opacity:.55}
.tt-live-ui .hex-glow{stroke:#fff;stroke-width:2.4;stroke-dasharray:32 300;animation:hexScan 5s ease-in-out infinite}
.tt-live-ui .ribbon-fill{stroke:none;fill:#b876ac;opacity:.15}
.tt-live-ui .ribbon-slashes path{stroke-width:2;stroke:#b566a1;stroke-dasharray:102;animation:ribbonRise 4.8s cubic-bezier(.3,.7,.2,1) infinite}
.tt-live-ui .ribbon-slashes path:nth-child(2){animation-delay:.18s}
.tt-live-ui .ribbon-slashes path:nth-child(3){animation-delay:.36s}
.tt-live-ui .ribbon-slashes path:nth-child(4){animation-delay:.54s}
.tt-live-ui .letter-orbit{stroke:#9771c0;stroke-dasharray:110 22;animation:orbitTrace 16s linear infinite}
.tt-live-ui .orbit-two{stroke:#81a9cb;stroke-dasharray:3 8;animation-direction:reverse;animation-duration:20s}
.tt-live-ui .orbit-dot{fill:#fff8ff;stroke:#b996dd;transform-origin:182px 88px;animation:frequencyRotate 12s linear infinite}
.tt-live-ui .orbit-star{fill:#bb9cdd66;stroke:#fff9ff80;transform-box:fill-box;transform-origin:center;animation:orbitStarFlip 7s ease-in-out infinite}
.tt-live-ui .strong .signature-geometry{opacity:.95;filter:drop-shadow(0 0 2px #fff7ff80)}
.tt-live-ui .panel[data-view] .feature-tile{border-color:var(--edge);background:linear-gradient(155deg,#fffcfff0,#f6eeffbd);box-shadow:0 4px color-mix(in srgb,var(--edge) 48%,#e6d9ee)}
.tt-live-ui .panel[data-view] .feature-tile:nth-child(2){background:linear-gradient(155deg,#fffaffee,#f6dbedc7)}
.tt-live-ui .panel[data-view] .feature-tile:nth-child(3){background:linear-gradient(155deg,#fffaffee,#dce9ffc7)}
.tt-live-ui .panel[data-view] .menu-ribbon{background:linear-gradient(100deg,var(--deep-a),var(--deep-b))}
.tt-live-ui .panel[data-view=achievements] .collection-cover{background:linear-gradient(160deg,#ffe0f0e6 2%,#e6bfeaeb 65%,#d5c8faeb);border-color:#bf8fbf}
.tt-live-ui .panel[data-view=achievements] .collection-cover:before{border-color:#b680b9}
.tt-live-ui .panel[data-view=achievements] .collection-cover h2{color:#8a427f}
.tt-live-ui .panel[data-view=achievements] .collection-cover p{color:#855b8b}
.tt-live-ui .panel[data-view=achievements] .ach{background:linear-gradient(140deg,#fff8ffed,#f5e4ffce);border-color:#bd9bd4!important}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(2){background:linear-gradient(145deg,#fff6f3ee,#fbd3e8cf)}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(3){background:linear-gradient(145deg,#f6fbffee,#d9e7ffdb)}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(4){background:linear-gradient(145deg,#f7f0ffee,#dfd0f5cf)}
.tt-live-ui .panel[data-view=achievements] .ach:after{-webkit-text-stroke-color:#a88acb80}
.tt-live-ui .panel[data-view=achievements] .collect-state{background:#fff3fca6;color:#925187;border-color:#b988ad}
.tt-live-ui .panel[data-view=settings] .music-card{background:linear-gradient(155deg,#def7ffe3,#c1d6f9e6 60%,#cbbdedda);border-color:#93aad1}
.tt-live-ui .panel[data-view=settings] .record{border-color:#6863a0;background:repeating-radial-gradient(circle,#4d477f 0 2px,#635b92 3px 4px);box-shadow:4px 6px #949ecd66}
.tt-live-ui .panel[data-view=settings] .record>span{background:linear-gradient(135deg,#ffcae7,#cac5ff);border-color:#dbd2ef}
.tt-live-ui .panel[data-view=settings] .tuning-controls{background:linear-gradient(145deg,#ffffff62,#eaf0ff1c);border-radius:9px}
.tt-live-ui .panel[data-view=settings] .setting h2,.tt-live-ui .panel[data-view=settings] .music-heading h2,.tt-live-ui .panel[data-view=settings] .quality-section h2{color:#4a5488}
.tt-live-ui .panel[data-view=settings] .setting p,.tt-live-ui .panel[data-view=settings] .music-heading p,.tt-live-ui .panel[data-view=settings] .quality-section p{color:#687697}
.tt-live-ui .panel[data-view=settings] .quality button[aria-pressed=true]{background:linear-gradient(115deg,#49619e,#8f67b9);border-color:#7f7cc1;box-shadow:0 3px #626797}
.tt-live-ui .panel[data-view=settings] .switch[aria-checked=true]{background:linear-gradient(110deg,#6174bc,#ae80cf)}
.tt-live-ui .panel[data-view=orders] .order{background:linear-gradient(120deg,#fffaf7f0,#fff4fadb);border-color:#cb99b1!important;box-shadow:0 4px #cbb0cc77}
.tt-live-ui .panel[data-view=orders] .ticket-date{background:linear-gradient(160deg,#f6c8dbe6,#d4bdebdd);border-right-color:#b276a0}
.tt-live-ui .panel[data-view=orders] .ticket-date b{color:#945278}
.tt-live-ui .panel[data-view=orders] .tabs button.active{background:linear-gradient(115deg,var(--deep-a),var(--deep-b))}
.tt-live-ui .panel[data-view=orders] .tabs button:not(.active){background:#fff4fa96;color:#906583}
.tt-live-ui .panel[data-view=wallet] .purse-summary{border-color:#7eb8b7}
.tt-live-ui .panel[data-view=wallet] .wallet-balance strong{color:#24717b}
.tt-live-ui .panel[data-view=wallet] .wallet-balance small,.tt-live-ui .panel[data-view=wallet] .wallet-balance p{color:#507e84}
.tt-live-ui .panel[data-view=wallet] .package{background:linear-gradient(140deg,#fff9dcef,#e9ecc7d9);border-color:#b5b479;box-shadow:0 3px #9eb8a466}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2){background:linear-gradient(140deg,#edfff8f0,#bfe8e3e6);border-color:#80b5ad;box-shadow:0 3px #80aaa466}
.tt-live-ui .panel[data-view=wallet] .package:before,.tt-live-ui .panel[data-view=wallet] .package:after{background:var(--dream-b);border-color:#aac2bb}
.tt-live-ui .panel[data-view=wallet] .body-note{color:#50777e}
.tt-live-ui .panel[data-view=wallet] .coin-orbit{border-color:#71aaa8}
.tt-live-ui .panel[data-view=wallet] .coin-label{color:#5c9998}
.tt-live-ui .panel[data-view=mail] .mail-illustration:before{background:linear-gradient(145deg,#eabbf580,#b7c7ef66)}
.tt-live-ui .panel[data-view=mail] .mail-illustration .envelope{background:linear-gradient(145deg,#f2cef1,#baaff0);border-color:#a183b4;box-shadow:3px 6px #9e8dc755}
.tt-live-ui .panel[data-view=mail] .letter-paper{background:linear-gradient(#fff9fe,#f4f5ff)}
.tt-live-ui .panel[data-view=mail] .mail-message h2{color:#704b96}
.tt-live-ui .panel[data-view=mail] .mail-message p{color:#79638e}
.tt-live-ui .panel[data-view=mail] .postal-ring{border-color:#a286c3;color:#9478b2}
.tt-live-ui .panel[data-view=mail] .mail-summary{border-color:#b9a4cf;color:#806b97}
.tt-live-ui .panel[data-view] .primary{background:linear-gradient(115deg,var(--deep-a),var(--deep-b));border-color:var(--deep-b);box-shadow:0 3px color-mix(in srgb,var(--deep-a) 70%,#a997b3)}
.tt-live-ui .panel[data-view] .secondary{background:#fff8ffc9;border-color:var(--edge);color:var(--ink)}
@keyframes prismCascade{0%,100%{opacity:.16}32%{opacity:.62}58%{opacity:.2}80%{opacity:.42}}
@keyframes crystalTurn{0%,15%{rotate:0deg;translate:0 0}50%,65%{rotate:45deg;translate:0 -5px}100%{rotate:90deg;translate:0 0}}
@keyframes frequencyRotate{to{rotate:360deg}}
@keyframes frequencyPulse{0%,100%{scale:1 .65;opacity:.4}50%{scale:1 1;opacity:.85}}
@keyframes hexBreathe{0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes hexScan{0%,12%{stroke-dashoffset:340;opacity:0}24%{opacity:1}85%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes ribbonRise{0%,8%{stroke-dashoffset:102;opacity:0}28%,48%{stroke-dashoffset:0;opacity:.85}73%,100%{stroke-dashoffset:-102;opacity:0}}
@keyframes orbitTrace{to{stroke-dashoffset:-264}}
@keyframes orbitStarFlip{0%,20%,100%{transform:perspective(140px) rotateY(0)}65%,80%{transform:perspective(140px) rotateY(180deg)}}
@media(max-width:700px){.tt-live-ui .signature-geometry{width:194px;height:139px;right:-20px;top:0;opacity:.57}
.tt-live-ui .panel[data-view] .title-chip>i{left:-7px;right:-15px;top:-3px;bottom:-4px}
.tt-live-ui .title-chip>i:after{right:8px;width:2px}
.tt-live-ui .panel[data-view] .heading:after{margin-left:18px}
.tt-live-ui .panel[data-view] .panel-head p{margin-top:12px}
.tt-live-ui .panel[data-view=achievements] .panel-head p{padding-right:75px}
.tt-live-ui .panel[data-view] .outline-word{opacity:.67}
.tt-live-ui .panel[data-view=achievements] .geometry .facets{opacity:.6}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .panel[data-view] .title-chip>i{animation:none;transform:none;opacity:1}
.tt-live-ui .signature-geometry *{animation:none!important}
.tt-live-ui .hex-glow{display:none}
.tt-live-ui .ribbon-slashes path{stroke-dashoffset:0;opacity:.65}
.tt-live-ui .panel[data-view=achievements] .facets i{animation:none!important;opacity:.3}
}
.tt-live-ui .panel-content{overflow-x:hidden}

.tt-live-ui .panel[data-view=wallet]{--dream-a:#f4f9ed;--dream-b:#edf7ef;--dream-c:#dceaf7;--ink:#657b71;--edge:#adc6bd;background:linear-gradient(145deg,#fffaf2f2 8%,#f4faf3e6 48%,#e3eff8e3 100%);backdrop-filter:blur(15px);border-color:#b8c8c3}
.tt-live-ui .panel[data-view=wallet] .panel-head{background:linear-gradient(115deg,#e1f0dfb5,#dcefeb73 55%,#deedf921);border-bottom:1px solid #ffffffe0}
.tt-live-ui .panel[data-view=wallet] .panel-head:before{opacity:.45;mask-image:linear-gradient(95deg,#000,transparent 80%)}
.tt-live-ui .panel[data-view=wallet] .signature-geometry{opacity:.3}
.tt-live-ui .panel[data-view=wallet] .outline-word{-webkit-text-stroke-color:#8aaf9c59}
.tt-live-ui .panel[data-view=wallet] .panel-head p{color:#6b8477}
.tt-live-ui .panel[data-view=wallet] .panel-footer{background:linear-gradient(100deg,#fffaf0b3,#e7f3f5a8);border-top:1px solid #e0d7c5a6}
.tt-live-ui .panel[data-view=wallet] .panel-content{padding-top:19px}
.tt-live-ui .panel[data-view=wallet] .purse-summary{position:relative;isolation:isolate;overflow:hidden;gap:16px;padding:20px 21px 24px;border:1px solid #bfd7c7c9;border-radius:12px;background:linear-gradient(130deg,#fffcf4dd 4%,#e3f3ddaa 51%,#d4e9efbb 100%);box-shadow:inset 0 1px 0 #ffffffed,0 3px 0 #dce8df80;backdrop-filter:blur(8px)}
.tt-live-ui .panel[data-view=wallet] .wallet-balance,.tt-live-ui .panel[data-view=wallet] .coin-scene{position:relative;z-index:1}
.tt-live-ui .panel[data-view=wallet] .wallet-balance strong{color:#5d8776}
.tt-live-ui .panel[data-view=wallet] .wallet-balance small,.tt-live-ui .panel[data-view=wallet] .wallet-balance p{color:#7a9788}
.tt-live-ui .panel[data-view=wallet] .coin-orbit{border-color:#adc7b6}
.tt-live-ui .panel[data-view=wallet] .coin-label{color:#92a782}
.tt-live-ui .panel[data-view=wallet] .section-caption{margin-top:22px;color:#775879}
.tt-live-ui .panel[data-view=wallet] .section-caption span{color:#a18594}
.tt-live-ui .panel[data-view=wallet] .packages{gap:18px;margin-top:14px}
.tt-live-ui .panel[data-view=wallet] .package{position:relative;isolation:isolate;overflow:visible;min-height:145px;background:linear-gradient(125deg,#fff6dfe6 0%,#f9e8b7bc 47%,#f1d4d6b3 100%);border:1px solid #cfb987;border-radius:5px;box-shadow:inset 0 1px 0 #fffef4f2,0 3px 0 #dcc8a18c;backdrop-filter:blur(7px)}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2){background:linear-gradient(125deg,#f2faeae6 0%,#d5eddbc4 47%,#c9e6edba 100%);border-color:#a7c7ae;box-shadow:inset 0 1px 0 #fffef4f2,0 3px 0 #b6cfc18c}
.tt-live-ui .package>.coupon-id,.tt-live-ui .package>strong,.tt-live-ui .package>p,.tt-live-ui .package>.coupon-arrow{position:relative;z-index:1}
.tt-live-ui .panel[data-view=wallet] .package>strong{color:#9e814d}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2)>strong{color:#759570}
.tt-live-ui .panel[data-view=wallet] .coupon-id{color:#aa986e}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2) .coupon-id{color:#8aab8b}
.tt-live-ui .panel[data-view=wallet] .package>p{color:#a08b67;border-top-color:#c6b48a85}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2)>p{color:#7f9982;border-top-color:#a9c4b585}
.tt-live-ui .panel[data-view=wallet] .coupon-arrow{position:absolute;color:#a3936d}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2) .coupon-arrow{color:#8ca48f}
.tt-live-ui .panel[data-view=wallet] .package:before,.tt-live-ui .panel[data-view=wallet] .package:after{background:#f5f8f0;border-color:#cdbd9a;z-index:3}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2):before,.tt-live-ui .panel[data-view=wallet] .package:nth-child(2):after{border-color:#b5cabb}
.tt-live-ui .panel[data-view=wallet] .package:hover{background:linear-gradient(125deg,#fff7e5f2,#f8e3b4d9 50%,#ebc6d3d1);border-color:#bfa06d}
.tt-live-ui .panel[data-view=wallet] .package:nth-child(2):hover{background:linear-gradient(125deg,#f5fcebf2,#cbe8d5d9 50%,#b5dfecd1);border-color:#8eaf9c}
.tt-live-ui .panel[data-view=wallet] .body-note{color:#8d8477}
.tt-live-ui .panel[data-view=wallet] .text-btn{color:#97798d}
.tt-live-ui .block-motion{position:absolute;inset:auto 0 0;height:100px;display:block;pointer-events:none;z-index:0;border-radius:0 0 4px 4px;overflow:hidden;opacity:.8;mask-image:linear-gradient(0deg,#000 0%,#000 55%,transparent 100%)}
.tt-live-ui .block-motion svg{position:absolute;bottom:0;left:0;width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round;fill:none;overflow:visible}
.tt-live-ui .balance-motion{height:108px;border-radius:0 0 11px 11px;opacity:.56}
.tt-live-ui .balance-field{fill:#a6cfbf30;stroke:none}
.tt-live-ui .balance-line{stroke:#87b3ad;stroke-width:1;animation:balanceWave 8s ease-in-out infinite}
.tt-live-ui .balance-line.second{stroke:#a7c2d5;animation-delay:-4s}
.tt-live-ui .balance-glimmer{stroke:#fffef3;stroke-width:2;stroke-dasharray:65 650;animation:balanceGlimmer 7s ease-in-out infinite}
.tt-live-ui .gold-motion{height:117px}
.tt-live-ui .gold-facets{stroke:none}
.tt-live-ui .gold-facets path{fill:#d8b1723d;animation:goldPrism 5.6s ease-in-out infinite}
.tt-live-ui .gold-facets path:nth-child(2){fill:#cd9eb045;animation-delay:-1.8s}
.tt-live-ui .gold-facets path:nth-child(3){fill:#e8c57750;animation-delay:-3.6s}
.tt-live-ui .gold-line{stroke:#c2a66d;stroke-width:.8;opacity:.5}
.tt-live-ui .gold-sweep{stroke:#fff9e7;stroke-width:2;stroke-dasharray:24 155;animation:goldTrace 4.8s ease-in-out infinite}
.tt-live-ui .mint-motion{height:122px}
.tt-live-ui .mint-motion svg{left:auto;right:0;max-width:300px}
.tt-live-ui .mint-rings{stroke:#79abac;stroke-width:.8;stroke-dasharray:92 34;transform-origin:246px 139px;animation:mintRipple 7s ease-out infinite;opacity:.55}
.tt-live-ui .mint-rings circle:nth-child(2){stroke:#8fb8cc;stroke-dasharray:150 42}
.tt-live-ui .mint-rings circle:nth-child(3){stroke:#a4c1b4;stroke-dasharray:211 54}
.tt-live-ui .mint-field{fill:#88bbb72b;stroke:none;animation:mintWash 6s ease-in-out infinite}
.tt-live-ui .mint-trace{stroke:#81aaa9;stroke-width:.8;opacity:.36}
.tt-live-ui .mint-glimmer{stroke:#fff;stroke-width:1.5;stroke-dasharray:26 250;animation:mintTravel 6s ease-in-out infinite}
.tt-live-ui .strong .block-motion{opacity:1}
.tt-live-ui .strong .gold-facets path{fill-opacity:1}
.tt-live-ui .strong .mint-rings{stroke-width:1.2}
@keyframes balanceWave{0%,100%{translate:0 3px}50%{translate:0 -6px}}
@keyframes balanceGlimmer{0%,12%{stroke-dashoffset:690;opacity:0}30%{opacity:.8}85%,100%{stroke-dashoffset:-80;opacity:0}}
@keyframes goldPrism{0%,100%{opacity:.25}45%{opacity:.95}72%{opacity:.5}}
@keyframes goldTrace{0%,15%{stroke-dashoffset:180;opacity:0}30%{opacity:.9}80%,100%{stroke-dashoffset:-30;opacity:0}}
@keyframes mintRipple{0%{scale:.83;rotate:-8deg;opacity:.05}35%{opacity:.65}100%{scale:1.15;rotate:22deg;opacity:.05}}
@keyframes mintWash{0%,100%{translate:0 5px;opacity:.5}50%{translate:0 -3px;opacity:1}}
@keyframes mintTravel{0%,14%{stroke-dashoffset:280;opacity:0}34%{opacity:.8}88%,100%{stroke-dashoffset:-15;opacity:0}}
@media(max-height:780px) and (min-width:701px){.tt-live-ui .panel[data-view=wallet] .purse-summary{padding:16px 18px 21px}
.tt-live-ui .panel[data-view=wallet] .package{min-height:140px}
}
@media(max-width:700px){.tt-live-ui .panel[data-view=wallet] .purse-summary{padding:16px 12px 21px;gap:7px}
.tt-live-ui .panel[data-view=wallet] .coin-scene{width:96px;height:110px}
.tt-live-ui .panel[data-view=wallet] .coin-scene>img{width:60px;height:60px}
.tt-live-ui .panel[data-view=wallet] .wallet-balance strong{font-size:45px}
.tt-live-ui .panel[data-view=wallet] .wallet-balance p{max-width:146px}
.tt-live-ui .panel[data-view=wallet] .package{padding:13px 11px;min-height:143px}
.tt-live-ui .panel[data-view=wallet] .packages{gap:14px}
.tt-live-ui .panel[data-view=wallet] .package strong{font-size:24px}
.tt-live-ui .block-motion{height:92px}
.tt-live-ui .balance-motion{height:90px}
.tt-live-ui .gold-motion svg{width:215px;left:auto;right:-17px}
.tt-live-ui .mint-motion svg{width:222px;right:-29px}
.tt-live-ui .panel[data-view=wallet] .package:before,.tt-live-ui .panel[data-view=wallet] .package:after{width:12px;height:12px}
.tt-live-ui .panel[data-view=wallet] .package:before{left:-7px}
.tt-live-ui .panel[data-view=wallet] .package:after{right:-7px}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .block-motion *{animation:none!important}
.tt-live-ui .balance-glimmer,.tt-live-ui .gold-sweep,.tt-live-ui .mint-glimmer{display:none}
.tt-live-ui .mint-rings{opacity:.42}
.tt-live-ui .gold-facets path{opacity:.65}
}

.tt-live-ui .panel[data-view=menu]{--dream-a:#fff4d9;--dream-b:#e5f0df;--dream-c:#d8eaf2;--deep-a:#325b59;--deep-b:#668780;--ink:#426662;--edge:#91b1aa;--signal:#77a79b;--stroke:#749c94}
.tt-live-ui .panel[data-view=achievements]{--dream-a:#fff2d5;--dream-b:#e7f1d9;--dream-c:#cde8e5;--deep-a:#486853;--deep-b:#85945b;--ink:#526c56;--edge:#a6bc96;--signal:#83ab80;--stroke:#8eaa78}
.tt-live-ui .panel[data-view=settings]{--dream-a:#e7f8ff;--dream-b:#d0e8f1;--dream-c:#cad9ee;--deep-a:#284e6b;--deep-b:#527f99;--ink:#42647b;--edge:#96b6c9;--signal:#6c9ab7;--stroke:#759bb3}
.tt-live-ui .panel[data-view=orders]{--dream-a:#fff1db;--dream-b:#f3ddbc;--dream-c:#e4e8cc;--deep-a:#785534;--deep-b:#a48148;--ink:#7c6447;--edge:#c4ab80;--signal:#bb9a5e;--stroke:#ad936b}
.tt-live-ui .panel[data-view=mail]{--dream-a:#eff7ff;--dream-b:#d9e8fb;--dream-c:#d6ecec;--deep-a:#37557d;--deep-b:#628b9e;--ink:#4c6886;--edge:#9bb4ce;--signal:#84a7c6;--stroke:#7c9dbd}
.tt-live-ui .panel[data-view]:not([data-view=wallet]):after{background:conic-gradient(from var(--frame-angle),#fffdf4,var(--edge),#d5eff1,#fff1d3,#fffdf4)}
.tt-live-ui .panel[data-view] .feature-tile{background:linear-gradient(145deg,#fcfff1ee,#cae7d5c9);border-color:#91b3a3;color:#426b59;box-shadow:0 4px #aac9ba88}
.tt-live-ui .panel[data-view] .feature-tile:nth-child(2){background:linear-gradient(145deg,#fffbeeee,#f3ddabc9);border-color:#c7ab74;color:#81643d;box-shadow:0 4px #d7c39888}
.tt-live-ui .panel[data-view] .feature-tile:nth-child(3){background:linear-gradient(145deg,#f4fcffee,#cbe4f1c9);border-color:#96b6cd;color:#4e6d85;box-shadow:0 4px #adc4d588}
.tt-live-ui .panel[data-view] .feature-tile h2{color:inherit}
.tt-live-ui .panel[data-view] .feature-tile:after{-webkit-text-stroke-color:currentColor;opacity:.18}
.tt-live-ui .panel[data-view] .feature-tile p{color:inherit;opacity:.85}
.tt-live-ui .panel[data-view=achievements] .collection-cover{background:linear-gradient(155deg,#fff5d9e8,#ecdfb6d9 60%,#dbe7c5df);border-color:#baab77}
.tt-live-ui .panel[data-view=achievements] .collection-cover:before{border-color:#bda878}
.tt-live-ui .panel[data-view=achievements] .collection-cover h2{color:#7b663c}
.tt-live-ui .panel[data-view=achievements] .collection-cover p{color:#877754}
.tt-live-ui .panel[data-view=achievements] .ach{background:linear-gradient(140deg,#fffbeded,#f0dfbacf);border-color:#c7ae7e!important;color:#806441}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(2){background:linear-gradient(140deg,#f4fff5ed,#cde6cacf);border-color:#9fbd9a!important;color:#52754e}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(3){background:linear-gradient(140deg,#f5fbffed,#cde3f2db);border-color:#9bb9cf!important;color:#496c89}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(4){background:linear-gradient(140deg,#f9f7efed,#dcdfd5cf);border-color:#b7bcad!important;color:#77816d}
.tt-live-ui .panel[data-view=achievements] .ach h2,.tt-live-ui .panel[data-view=achievements] .ach p{color:inherit}
.tt-live-ui .panel[data-view=achievements] .ach:after{-webkit-text-stroke-color:currentColor;opacity:.2}
.tt-live-ui .panel[data-view=achievements] .collect-state{background:#ffffff9e;color:inherit;border-color:currentColor}
.tt-live-ui .panel[data-view=achievements] .badge-art{background:#ffffff55;border-color:#ffffffad}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(3n){background:#8bb9bd}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(4n){background:#d5bc7d}
.tt-live-ui .panel[data-view=settings] .music-card{background:linear-gradient(155deg,#edfbffe3,#c7e4ece6 60%,#d3dfefda);border-color:#9ab6c9}
.tt-live-ui .panel[data-view=settings] .record{border-color:#476779;background:repeating-radial-gradient(circle,#304e60 0 2px,#476778 3px 4px);box-shadow:4px 6px #789dae66}
.tt-live-ui .panel[data-view=settings] .record>span{background:linear-gradient(135deg,#d5eee5,#a9cddd);border-color:#c4e0e7}
.tt-live-ui .panel[data-view=settings] .setting h2,.tt-live-ui .panel[data-view=settings] .music-heading h2,.tt-live-ui .panel[data-view=settings] .quality-section h2{color:#42647b}
.tt-live-ui .panel[data-view=settings] .quality button[aria-pressed=true],.tt-live-ui .panel[data-view=settings] .switch[aria-checked=true]{background:linear-gradient(115deg,#426c86,#7aa5ae);border-color:#7a9eac;box-shadow:0 3px #658798}
.tt-live-ui .panel[data-view=orders] .order{background:linear-gradient(120deg,#fffbeded,#f4ead6db);border-color:#c8b38b!important;box-shadow:0 4px #c9b99077}
.tt-live-ui .panel[data-view=orders] .ticket-date{background:linear-gradient(160deg,#f2d8afe6,#dfe5bddb);border-right-color:#b39c74}
.tt-live-ui .panel[data-view=orders] .ticket-date b,.tt-live-ui .panel[data-view=orders] .ticket-date small,.tt-live-ui .panel[data-view=orders] .ticket-date span,.tt-live-ui .panel[data-view=orders] .order h2,.tt-live-ui .panel[data-view=orders] .order-top strong{color:#856744}
.tt-live-ui .panel[data-view=orders] .tabs button:not(.active){background:#fff9e796;color:#816e4f}
.tt-live-ui .panel[data-view=mail] .mail-illustration:before{background:linear-gradient(145deg,#bcdaf280,#cce8da66)}
.tt-live-ui .panel[data-view=mail] .mail-illustration .envelope{background:linear-gradient(145deg,#dceafa,#aacddc);border-color:#87a7bf;box-shadow:3px 6px #8ba9bf55}
.tt-live-ui .panel[data-view=mail] .mail-illustration .envelope:before{background:#e6f1fa;border-color:#8caec5}
.tt-live-ui .panel[data-view=mail] .mail-illustration .envelope:after{color:#5e88a3}
.tt-live-ui .panel[data-view=mail] .letter-paper{background:linear-gradient(#fffdf4,#eaf5f7)}
.tt-live-ui .panel[data-view=mail] .mail-message h2{color:#486e8e}
.tt-live-ui .panel[data-view=mail] .mail-message p,.tt-live-ui .panel[data-view=mail] .mail-summary{color:#68849a}
.tt-live-ui .panel[data-view=mail] .postal-ring{border-color:#91b0c9;color:#7499b7}
.tt-live-ui .panel[data-view=mail] .panel-head:after{background:repeating-linear-gradient(120deg,#a0bfd4 0 15px,#fffaf0 15px 30px,#b2cebd 30px 45px,#fffaf0 45px 60px)}
.tt-live-ui .ribbon-fill{fill:#b39562}
.tt-live-ui .ribbon-slashes path{stroke:#aa8b57}
.tt-live-ui .letter-orbit{stroke:#7e9ebb}
.tt-live-ui .orbit-star{fill:#a8c8d466}
.tt-live-ui .menu-crystal{fill:#9bbfa52b;stroke:#7b9f8c}
.tt-live-ui .dock button:nth-child(1){background:linear-gradient(145deg,#fff9df,#e0ecd2);border-color:#a6bb91;color:#5c744b}
.tt-live-ui .dock button:nth-child(2){background:linear-gradient(145deg,#fff7d9,#eee1bd);border-color:#c0ad7d;color:#87703f}
.tt-live-ui .dock button:nth-child(3){background:linear-gradient(145deg,#fff2d9,#e8dbc2);border-color:#bca783;color:#866947}
.tt-live-ui .dock button:nth-child(4){background:linear-gradient(145deg,#eefbff,#cbdfe9);border-color:#91adbf;color:#4e718b}
.tt-live-ui .dock button:nth-child(5){background:linear-gradient(145deg,#edf6ff,#d2e7e5);border-color:#97b4c9;color:#537796}
.tt-live-ui .framed-motion{position:relative;isolation:isolate}
.tt-live-ui .frame-decoration{position:absolute;pointer-events:none;z-index:-1;left:0;right:0;bottom:0;height:115px;overflow:hidden;border-radius:inherit;opacity:.6;mask-image:linear-gradient(to top,#000 15%,#0009 65%,transparent)}
.tt-live-ui .frame-decoration svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.8;overflow:visible}
.tt-live-ui .frame-prisms path{fill:currentColor;fill-opacity:.14;animation:frameFacet 5.8s ease-in-out infinite}
.tt-live-ui .frame-prisms path:nth-child(2){animation-delay:-2s}
.tt-live-ui .frame-prisms path:nth-child(3){animation-delay:-4s}
.tt-live-ui .frame-orbits{stroke-dasharray:120 36;transform-origin:245px 145px;animation:frameOrbit 9s linear infinite}
.tt-live-ui .frame-orbits circle:nth-child(2){stroke-dasharray:60 40}
.tt-live-ui .frame-streaks path{stroke-dasharray:40 140;animation:frameStreak 4.6s ease-in-out infinite}
.tt-live-ui .frame-streaks path:nth-child(2){animation-delay:.45s}
.tt-live-ui .frame-streaks path:nth-child(3){animation-delay:.9s}
.tt-live-ui .frame-waves{animation:frameWave 7s ease-in-out infinite}
.tt-live-ui .frame-waves path:nth-child(2){opacity:.5}
.tt-live-ui .strong .frame-decoration{opacity:.95}
.tt-live-ui .panel[data-view=mail] .mail-message{padding:20px;border:1px solid #a9bfcd;border-radius:10px;background:linear-gradient(140deg,#f6fcffc9,#cbe1ef8c,#daeee19c)}
@keyframes frameFacet{0%,100%{opacity:.22}45%{opacity:.85}}
@keyframes frameOrbit{0%{rotate:-15deg;scale:.85;opacity:.18}40%{opacity:.7}100%{rotate:25deg;scale:1.15;opacity:.18}}
@keyframes frameStreak{0%,10%{stroke-dashoffset:180;opacity:0}35%{opacity:.8}85%,100%{stroke-dashoffset:-140;opacity:0}}
@keyframes frameWave{0%,100%{translate:0 4px}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){.tt-live-ui .frame-decoration *{animation:none!important}
}
.tt-live-ui .panel[data-view=achievements] .ach{box-shadow:0 4px #a7b49355}
.tt-live-ui .panel[data-view=settings] .switch:not([aria-checked=true]){background:#cfdee4;border-color:#a1bac7}
.tt-live-ui .panel[data-view=settings] .quality button:not([aria-pressed=true]){background:#edf5f8b3;color:#698595}
.tt-live-ui .panel[data-view=settings] input[type=range]{accent-color:#7a9dad}
.tt-live-ui .panel[data-view=settings] .tonearm{border-color:#7c9ea8}
.tt-live-ui .panel[data-view=settings] .equalizer i{background:#6d9da9}
.tt-live-ui .panel[data-view=settings] .section-caption{color:#547989}
.tt-live-ui .panel[data-view=settings] .frequency-orbit circle:nth-child(2){stroke:#77a0b1}
.tt-live-ui .panel[data-view=settings] .frequency-bars{stroke:#86afba}
.tt-live-ui .panel[data-view=menu] .feature-tile .vertical-word{-webkit-text-stroke-color:currentColor;opacity:.16}
.tt-live-ui .panel[data-view=menu] .tile-cta{background:#ffffff9c;border-color:#ffffffc9;color:inherit}

.tt-live-ui .panel[data-view=settings]{--dream-a:#faf5e3;--dream-b:#deead4;--dream-c:#bdd8c8;--deep-a:#375c47;--deep-b:#729077;--ink:#49684f;--edge:#9db59a;--signal:#80a581;--stroke:#7c9a76}
.tt-live-ui .panel[data-view=settings] .music-card{background:linear-gradient(150deg,#fffbeddb,#e2e9c7d9 55%,#c5ddc8cd);border-color:#a0b58c}
.tt-live-ui .panel[data-view=settings] .record{border-color:#496953;background:repeating-radial-gradient(circle,#334d3b 0 2px,#4e6b54 3px 4px);box-shadow:4px 6px #8fa58366}
.tt-live-ui .panel[data-view=settings] .record>span{background:linear-gradient(135deg,#f4e4b8,#c5d6a5);border-color:#dfe4be}
.tt-live-ui .panel[data-view=settings] .tonearm{border-color:#9a9b73}
.tt-live-ui .panel[data-view=settings] .tonearm:after{background:#698568}
.tt-live-ui .panel[data-view=settings] .equalizer i{background:#88a274}
.tt-live-ui .panel[data-view=settings] .tuning-controls{background:linear-gradient(145deg,#ffffed73,#bfd8bc70);border:1px solid #a3b99b99;padding:15px;border-radius:10px}
.tt-live-ui .panel[data-view=settings] .section-caption,.tt-live-ui .panel[data-view=settings] .setting h2,.tt-live-ui .panel[data-view=settings] .music-heading h2,.tt-live-ui .panel[data-view=settings] .quality-section h2{color:#4c6b50}
.tt-live-ui .panel[data-view=settings] .setting p,.tt-live-ui .panel[data-view=settings] .music-heading p,.tt-live-ui .panel[data-view=settings] .quality-section p{color:#6f8668}
.tt-live-ui .panel[data-view=settings] .switch[aria-checked=true],.tt-live-ui .panel[data-view=settings] .quality button[aria-pressed=true]{background:linear-gradient(115deg,#4f785b,#96b386);border-color:#759775;box-shadow:0 3px #73906b}
.tt-live-ui .panel[data-view=settings] .switch:not([aria-checked=true]){background:#dce4ce;border-color:#acbca2}
.tt-live-ui .panel[data-view=settings] .quality button:not([aria-pressed=true]){background:#f7f6e8bd;color:#7b8b6b}
.tt-live-ui .panel[data-view=settings] input[type=range]{accent-color:#88a17b}
.tt-live-ui .panel[data-view=settings] .frequency-orbit circle:nth-child(2),.tt-live-ui .panel[data-view=settings] .frequency-bars{stroke:#93a97c}
.tt-live-ui .panel[data-view=settings] .setting{border-color:#9eb79166}
.tt-live-ui .dock button[data-view=settings]{background:linear-gradient(145deg,#f6f6e5,#cbdcc4);border-color:#9db696;color:#56764f}
.tt-live-ui .dock button.order-entry{width:91px;background:linear-gradient(140deg,#536e65,#284d47);color:#fff9e9;border-color:#c9d9b8;box-shadow:0 4px #193c37,0 0 0 2px #fff6dd70}
.tt-live-ui .dock button.order-entry span{font-size:14px;font-weight:700}
.tt-live-ui .dock button.order-entry img{width:32px;height:32px}
.tt-live-ui .dock button.order-entry:hover{background:linear-gradient(140deg,#6e8871,#315f53)}
.tt-live-ui .panel[data-view=shop]{width:800px;--dream-a:#fff1d9;--dream-b:#e4edd9;--dream-c:#d6e9e5;--deep-a:#365c53;--deep-b:#769177;--ink:#466955;--edge:#a6b998;--signal:#8aab83;--stroke:#779875}
.tt-live-ui .panel[data-view=shop] .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tt-live-ui .panel[data-view=shop] .vertical-word{-webkit-text-stroke-color:currentColor;opacity:.18}
.tt-live-ui .panel[data-view=shop] .tile-cta{background:#fffdf0a6;border-color:#fffdf0bb;color:inherit}
.tt-live-ui .panel[data-view=shop] .menu-ribbon{background:linear-gradient(110deg,#426256,#809374)}
@media(min-width:1100px) and (max-height:780px){.tt-live-ui .world:has(.panel:not([hidden])) .dock button.order-entry{width:65px;height:72px}
.tt-live-ui .world:has(.panel:not([hidden])) .dock button.order-entry span{font-size:11px}
}
@media(max-width:900px) and (min-width:701px){.tt-live-ui .panel[data-view=shop]{width:calc(100% - 48px)}
}
@media(max-width:700px){.tt-live-ui .dock{width:calc(100% - 24px);gap:5px;justify-content:center}
.tt-live-ui .dock button{width:calc((100% - 25px)/6);min-width:0;height:61px;flex:1;padding:5px 2px}
.tt-live-ui .dock button.order-entry{width:auto;height:61px;flex:1.25}
.tt-live-ui .dock button.order-entry span{font-size:11px;white-space:nowrap}
.tt-live-ui .dock button.order-entry img{width:26px;height:26px}
.tt-live-ui .panel[data-view=shop]{width:calc(100% - 30px)}
.tt-live-ui .panel[data-view=shop] .feature-grid{grid-template-columns:1fr}
.tt-live-ui .panel[data-view=shop] .feature-tile{min-height:190px}
.tt-live-ui .panel[data-view=settings] .tuning-controls{padding:12px}
}
.tt-live-ui .account{padding:14px 18px;gap:11px;background:linear-gradient(130deg,#fffaf0ed,#e2ede5dc);border:1px solid #c1ceb8;box-shadow:0 3px #687e6466}
.tt-live-ui .account-icon{height:47px;width:42px}
.tt-live-ui .account b{color:#536750}
.tt-live-ui .account small{color:#788573}
.tt-live-ui .account-balance{display:inline-flex;align-items:center;gap:5px;background:#f3e6bc;color:#8b7141;padding:3px 7px;border-radius:4px}
.tt-live-ui .account-balance img{width:17px;height:17px;image-rendering:pixelated}
.tt-live-ui .dock{padding:9px;gap:7px;background:linear-gradient(125deg,#fffdf2df,#e8efe6ce);border:1px solid #fffbee;border-radius:17px;box-shadow:0 5px 15px #291f3433;backdrop-filter:blur(12px);bottom:23px;right:23px}
.tt-live-ui .dock button{width:56px;height:62px;border-radius:8px}
.tt-live-ui .dock button.order-entry{width:97px;height:72px;margin-top:-5px;margin-bottom:-5px;margin-left:6px;border-radius:10px}
.tt-live-ui .dock button.order-entry span{font-size:13px}
@media(min-width:1100px) and (max-height:780px){.tt-live-ui .world:has(.panel:not([hidden])) .dock{top:auto;bottom:23px;right:23px;left:auto;transform:none;flex-direction:row;gap:7px}
.tt-live-ui .world:has(.panel:not([hidden])) .dock button.order-entry{width:97px;height:72px}
.tt-live-ui .world:has(.panel:not([hidden])) .dock button.order-entry span{font-size:13px}
.tt-live-ui .panel{top:calc(50% - 48px);max-height:calc(100% - 132px)}
.tt-live-ui .world:has(.panel:not([hidden])) .chat{visibility:visible}
}
@media(max-width:700px){.tt-live-ui .account{padding:9px 10px;gap:7px}
.tt-live-ui .account-icon{height:38px;width:30px}
.tt-live-ui .account small{display:flex;align-items:flex-start;flex-direction:column;gap:4px}
.tt-live-ui .account-balance{font-size:10px;padding:2px 5px}
.tt-live-ui .account-balance img{width:12px;height:12px}
.tt-live-ui .dock{width:calc(100% - 24px);left:12px;right:12px;bottom:81px;transform:none;padding:6px;gap:4px;border-radius:12px;box-sizing:border-box}
.tt-live-ui .dock button{height:55px;width:auto;flex:1;min-width:0}
.tt-live-ui .dock button.order-entry{width:auto;height:61px;flex:1.3;margin:-3px 0 -3px 2px}
.tt-live-ui .dock button.order-entry span{font-size:10px}
.tt-live-ui .dock span{font-size:10px}
.tt-live-ui .dock img,.tt-live-ui .dock svg{width:23px;height:23px}
.tt-live-ui .panel{max-height:calc(100% - 320px);top:calc(50% - 8px)}
}
.tt-live-ui .dock button span{color:inherit}
.tt-live-ui .dock button.order-entry span{color:#fff9e9}
.tt-live-ui .panel[data-view=settings] .tuning-controls>.section-caption{border-color:#91a986}
.tt-live-ui .panel[data-view=settings] .quality-motif i{background:#91a783}
.tt-live-ui .panel[data-view=settings] .quality-motif i:nth-child(2){background:#c1b98b}
.tt-live-ui .panel[data-view=settings] .quality-motif i:nth-child(3){background:#b9cda4}
.tt-live-ui .panel[data-view=shop] .vertical-word,.tt-live-ui .panel[data-view=menu] .feature-tile .vertical-word{-webkit-text-stroke-color:var(--ink);opacity:.22}
@media(max-width:700px){.tt-live-ui .avatar{top:64%}
.tt-live-ui .panel{max-height:calc(100% - 336px)}
}

.tt-live-ui .panel[data-view=achievements]{--dream-a:#fff6dd;--dream-b:#f1e2b7;--dream-c:#f0dfca;--deep-a:#80643d;--deep-b:#b29a5c;--ink:#806b45;--edge:#c8b684;--signal:#b8a062;--stroke:#ae965e}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(3n){background:#cba784}
.tt-live-ui .panel[data-view=achievements] .facets i:nth-child(4n){background:#e3ca84}
.tt-live-ui .panel[data-view=orders]{--dream-a:#fff0df;--dream-b:#f5d6bd;--dream-c:#edd0c5;--deep-a:#8c563d;--deep-b:#bd8660;--ink:#8b654d;--edge:#cba68a;--signal:#c8936d;--stroke:#bd8a66}
.tt-live-ui .panel[data-view=orders] .order{background:linear-gradient(135deg,#fffaf0ee,#f6dfcdcc);border-color:#cda991!important;box-shadow:0 4px #c9a58e55}
.tt-live-ui .panel[data-view=orders] .ticket-date{background:linear-gradient(155deg,#f5ceaad9,#ead0c1d4);border-right-color:#bd947d}
.tt-live-ui .panel[data-view=orders] .ticket-date b,.tt-live-ui .panel[data-view=orders] .ticket-date span,.tt-live-ui .panel[data-view=orders] .order h2,.tt-live-ui .panel[data-view=orders] .order-top strong{color:#915f43}
.tt-live-ui .panel[data-view=orders] .ribbon-slashes path{stroke:#b98262}
.tt-live-ui .panel[data-view=settings]{--dream-a:#f6f1fc;--dream-b:#e4dcf1;--dream-c:#d1cde4;--deep-a:#594d75;--deep-b:#88769e;--ink:#6b5d80;--edge:#b3a6c5;--signal:#9987b2;--stroke:#9683ac}
.tt-live-ui .panel[data-view=settings] .music-card{background:linear-gradient(145deg,#faf6f5e6,#e9deeed9,#d8cce4cf);border-color:#b9a9c4}
.tt-live-ui .panel[data-view=settings] .record{border-color:#6e607e;background:repeating-radial-gradient(circle,#463b53 0 2px,#665672 3px 4px);box-shadow:4px 6px #9a8fa766}
.tt-live-ui .panel[data-view=settings] .record>span{background:linear-gradient(135deg,#f3e9d9,#d8c8de);border-color:#ddd1e5}
.tt-live-ui .panel[data-view=settings] .tonearm{border-color:#a18aa7}
.tt-live-ui .panel[data-view=settings] .tonearm:after,.tt-live-ui .panel[data-view=settings] .equalizer i{background:#897397}
.tt-live-ui .panel[data-view=settings] .tuning-controls{background:linear-gradient(140deg,#fffafa88,#dbd2e477);border-color:#bcafc799}
.tt-live-ui .panel[data-view=settings] .section-caption,.tt-live-ui .panel[data-view=settings] .setting h2,.tt-live-ui .panel[data-view=settings] .music-heading h2,.tt-live-ui .panel[data-view=settings] .quality-section h2{color:#6a587d}
.tt-live-ui .panel[data-view=settings] .setting p,.tt-live-ui .panel[data-view=settings] .music-heading p,.tt-live-ui .panel[data-view=settings] .quality-section p{color:#897993}
.tt-live-ui .panel[data-view=settings] .switch[aria-checked=true],.tt-live-ui .panel[data-view=settings] .quality button[aria-pressed=true]{background:linear-gradient(110deg,#75618b,#ab96b8);border-color:#9985ac;box-shadow:0 3px #847393}
.tt-live-ui .panel[data-view=settings] .switch:not([aria-checked=true]){background:#e2dcea;border-color:#bdaecb}
.tt-live-ui .panel[data-view=settings] .quality button:not([aria-pressed=true]){background:#faf6fbbd;color:#8e7d9b}
.tt-live-ui .panel[data-view=settings] input[type=range]{accent-color:#9983aa}
.tt-live-ui .panel[data-view=settings] .frequency-orbit circle:nth-child(2),.tt-live-ui .panel[data-view=settings] .frequency-bars{stroke:#ac9abc}
.tt-live-ui .panel[data-view=settings] .setting,.tt-live-ui .panel[data-view=settings] .tuning-controls>.section-caption{border-color:#baabc666}
.tt-live-ui .panel[data-view=settings] .quality-motif i{background:#b8a5c7}
.tt-live-ui .panel[data-view=settings] .quality-motif i:nth-child(2){background:#d7c1ba}
.tt-live-ui .panel[data-view=settings] .quality-motif i:nth-child(3){background:#bbc3dc}
.tt-live-ui .panel[data-view=menu],.tt-live-ui .panel[data-view=shop]{--dream-a:#fff5ed;--dream-b:#f2e7ea;--dream-c:#e2dfea;--deep-a:#725668;--deep-b:#aa7e8e;--ink:#7c6271;--edge:#bfa6b7;--signal:#b491a9;--stroke:#b296ae}
.tt-live-ui .panel[data-view=shop] .menu-ribbon{background:linear-gradient(110deg,#755769,#ad8390)}
.tt-live-ui .account{display:grid;grid-template-columns:49px 1fr;gap:0 12px;width:224px;box-sizing:border-box;padding:14px 15px 0;background:linear-gradient(130deg,#fffdf6ed,#f0e9e9e0);border:1px solid #e5d8d0;border-radius:13px;box-shadow:0 4px #694c5033;overflow:hidden}
.tt-live-ui .account-icon{width:49px;height:57px;grid-row:1;background:linear-gradient(145deg,#f5e1c6,#eee4d6);border:1px solid #e6d5ba;border-radius:10px;display:grid;place-items:center}
.tt-live-ui .account-icon img{width:38px;height:38px}
.tt-live-ui .account-identity{display:flex;flex-direction:column;gap:4px;padding:0 0 12px}
.tt-live-ui .account-kicker{font:8px/1.4 Arial;letter-spacing:1.2px;color:#a48b83}
.tt-live-ui .account .account-identity b{font-size:16px;line-height:1.5;color:#765a60}
.tt-live-ui .account-role{font-size:11px;line-height:1.5;color:#a28b89}
.tt-live-ui .account-funds{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin:0 -15px;padding:8px 15px;background:#e7d8c653;border-top:1px solid #d5c0ae6b}
.tt-live-ui .account-funds>span{font-size:11px;color:#998374}
.tt-live-ui .account-funds strong{display:flex;gap:7px;align-items:center;color:#967442;font:700 17px/1.2 Arial}
.tt-live-ui .account-funds img{width:20px;height:20px;image-rendering:pixelated}
.tt-live-ui .gear{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;top:18px;right:23px;width:54px;height:61px;background:linear-gradient(145deg,#fbf6ffed,#dcd2e9e3);border:1px solid #baa9cf;border-radius:11px;color:#78628e;box-shadow:0 3px #7a618c55;z-index:4}
.tt-live-ui .gear svg{width:25px;height:25px}
.tt-live-ui .gear span{font-size:11px}
.tt-live-ui .dock{background:linear-gradient(130deg,#fff9f1df,#eee8e4cf);border-color:#fbf0e5}
.tt-live-ui .dock button[data-view=achievements]{background:linear-gradient(145deg,#fff7d7,#edddb2);border-color:#c6b47d;color:#8b7544}
.tt-live-ui .dock button[data-view=wallet]{background:linear-gradient(145deg,#f0fff5,#c9e5d5);border-color:#99bea9;color:#628672}
.tt-live-ui .dock button[data-view=orders]{background:linear-gradient(145deg,#fff1de,#eccdb8);border-color:#c5a086;color:#966e50}
.tt-live-ui .dock button[data-view=mail]{background:linear-gradient(145deg,#eff8ff,#cadfee);border-color:#94b3ca;color:#537a95}
.tt-live-ui .dock button.order-entry{background:linear-gradient(135deg,#a2757c,#755467);border-color:#e9c7c5;color:#fff9f4;box-shadow:0 4px #614453,0 0 0 2px #fff4df70}
.tt-live-ui .dock button.order-entry:hover{background:linear-gradient(135deg,#b68b8e,#896377)}
@media(max-width:700px){.tt-live-ui .account{width:164px;grid-template-columns:34px 1fr;gap:0 8px;padding:9px 10px 0;left:12px;top:12px}
.tt-live-ui .account-icon{width:34px;height:43px;border-radius:7px}
.tt-live-ui .account-icon img{width:29px;height:29px}
.tt-live-ui .account-kicker{font-size:6px;letter-spacing:.7px}
.tt-live-ui .account .account-identity b{font-size:13px}
.tt-live-ui .account-identity{gap:2px;padding-bottom:8px}
.tt-live-ui .account-role{font-size:10px}
.tt-live-ui .account-funds{margin:0 -10px;padding:6px 10px}
.tt-live-ui .account-funds>span{font-size:10px}
.tt-live-ui .account-funds strong{font-size:14px}
.tt-live-ui .account-funds img{width:16px;height:16px}
.tt-live-ui .gear{right:12px;top:87px;width:42px;height:50px}
.tt-live-ui .gear svg{width:22px;height:22px}
.tt-live-ui .gear span{font-size:10px}
}
.tt-live-ui .frame-decoration{height:130px;opacity:.83}
.tt-live-ui .frame-decoration svg{stroke-width:1.1}
.tt-live-ui .frame-decoration .luxe-trace{fill:none;stroke:#fffff7;stroke-width:2;stroke-dasharray:36 480;filter:drop-shadow(0 0 2px #fffdf2);animation:luxeTrace 5.6s cubic-bezier(.3,.4,.3,1) infinite}
.tt-live-ui .frame-decoration .luxe-echo{stroke:currentColor;stroke-width:1;stroke-dasharray:75 450;opacity:.4;animation-delay:-2.8s}
.tt-live-ui .framed-motion:nth-child(2n) .luxe-trace{animation-delay:-1.8s}
.tt-live-ui .framed-motion:nth-child(3n) .luxe-trace{animation-delay:-3.5s}
.tt-live-ui .frame-decoration .luxe-star{fill:#ffffef;stroke:none;transform-box:fill-box;transform-origin:center;animation:luxeSpark 6s ease-in-out infinite;filter:drop-shadow(0 0 3px #fffdf3)}
.tt-live-ui .framed-motion:nth-child(2n) .luxe-star{animation-delay:-3s}
.tt-live-ui .frame-orbits{stroke-width:1.2;animation-duration:7s}
.tt-live-ui .frame-prisms path{fill-opacity:.2;stroke-width:.8}
.tt-live-ui .frame-streaks path{stroke-width:1.5;animation-duration:3.8s}
.tt-live-ui .frame-waves{animation-duration:5.5s}
.tt-live-ui .signature-geometry{filter:drop-shadow(0 0 1.2px #fffdf2);opacity:.8}
.tt-live-ui .panel[data-view=wallet] .signature-geometry{opacity:.3;filter:none}
.tt-live-ui .geo-tracks .track-glow{stroke-width:1.5;filter:drop-shadow(0 0 2px #fff8ed)}
@keyframes luxeTrace{0%,5%{stroke-dashoffset:510;opacity:0}18%{opacity:.9}72%{opacity:.9}96%,100%{stroke-dashoffset:-420;opacity:0}}
@keyframes luxeSpark{0%,18%,100%{scale:.3;opacity:0;rotate:-25deg}38%{scale:1;opacity:.85}62%{scale:.6;opacity:.25;rotate:65deg}82%{scale:.85;opacity:.6;rotate:90deg}}
@media(prefers-reduced-motion:reduce){.tt-live-ui .frame-decoration .luxe-trace,.tt-live-ui .frame-decoration .luxe-star{display:none}
}

.tt-live-ui .panel[data-view=achievements] .ach{padding-right:63px;overflow:hidden;min-height:208px}
.tt-live-ui .panel[data-view=achievements] .ach:after{display:none}
.tt-live-ui .panel[data-view=achievements] .ach .collection-spine{position:absolute;right:0;top:0;bottom:0;width:59px;pointer-events:none;color:inherit;background:linear-gradient(100deg,transparent,#ffffff28 24%,#ffffff61);border-left:1px solid #ffffff78;z-index:0}
.tt-live-ui .spine-seal{position:absolute;right:15px;top:14px;width:23px;height:23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:16px/1 Georgia;opacity:.55;transform:rotate(-10deg)}
.tt-live-ui .spine-word{position:absolute;right:16px;top:47px;writing-mode:vertical-rl;text-orientation:mixed;font:900 27px/.95 Arial,sans-serif;letter-spacing:2px;color:transparent;-webkit-text-stroke:1px;opacity:.47}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(1) .spine-word{-webkit-text-stroke-color:#9e8050}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(2) .spine-word{-webkit-text-stroke-color:#779d76}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(3) .spine-word{-webkit-text-stroke-color:#6998b8}
.tt-live-ui .panel[data-view=achievements] .ach:nth-child(4) .spine-word{-webkit-text-stroke-color:#929784}
.tt-live-ui .spine-track{position:absolute;top:54px;bottom:29px;left:8px;width:1px;background:linear-gradient(transparent,currentColor 25%,currentColor 75%,transparent);opacity:.38}
.tt-live-ui .spine-track:before,.tt-live-ui .spine-track:after{content:'';position:absolute;left:-2px;width:5px;height:5px;border:1px solid currentColor;box-sizing:border-box;rotate:45deg;background:#fffaf077}
.tt-live-ui .spine-track:before{top:15%}
.tt-live-ui .spine-track:after{bottom:15%}
.tt-live-ui .spine-track i{position:absolute;left:-1px;width:3px;height:22px;border-radius:3px;background:#fffdf0;box-shadow:0 0 4px #fff;animation:spineGlide 5.8s ease-in-out infinite}
.tt-live-ui .ach:nth-child(2) .spine-track i{animation-delay:-1.4s}
.tt-live-ui .ach:nth-child(3) .spine-track i{animation-delay:-2.9s}
.tt-live-ui .ach:nth-child(4) .spine-track i{animation-delay:-4.3s}
.tt-live-ui .spine-edition{position:absolute;right:7px;bottom:10px;font:700 7px/1.2 Arial;letter-spacing:1.1px;opacity:.5}
.tt-live-ui .panel[data-view=achievements] .ach .collect-no{left:14px;right:auto}
.tt-live-ui .panel[data-view=achievements] .ach h2,.tt-live-ui .panel[data-view=achievements] .ach p,.tt-live-ui .panel[data-view=achievements] .ach .collect-state{position:relative;z-index:1}
.tt-live-ui .panel[data-view=achievements] .ach p{line-height:1.65}
.tt-live-ui .panel[data-view=achievements] .ach .frame-decoration{right:16px}
@keyframes spineGlide{0%,12%{top:0;opacity:0}28%{opacity:1}80%{opacity:.9}100%{top:calc(100% - 22px);opacity:0}}
@media(max-width:700px){.tt-live-ui .panel[data-view=achievements] .ach{padding-right:42px;min-height:210px}
.tt-live-ui .panel[data-view=achievements] .ach .collection-spine{width:36px}
.tt-live-ui .spine-word{font-size:19px;right:9px;top:50px;letter-spacing:1px}
.tt-live-ui .spine-seal{width:18px;height:18px;right:9px;top:15px;font-size:12px}
.tt-live-ui .spine-track{left:4px;top:48px;bottom:30px}
.tt-live-ui .spine-track:before,.tt-live-ui .spine-track:after{width:3px;height:3px;left:-1px}
.tt-live-ui .spine-edition{right:5px;font-size:5px;letter-spacing:.3px}
.tt-live-ui .panel[data-view=achievements] .ach .collect-no{left:10px}
.tt-live-ui .panel[data-view=achievements] .ach h2{font-size:18px}
.tt-live-ui .panel[data-view=achievements] .ach p{font-size:12px}
.tt-live-ui .panel[data-view=achievements] .ach .collect-state{white-space:nowrap;font-size:9px;padding:4px 5px}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .spine-track i{animation:none;top:40%;opacity:.6}
}

.tt-live-ui .panel[data-view=orders] .signature-geometry{opacity:.15;filter:none}
.tt-live-ui .panel[data-view=orders] .geometry *{animation:none!important}
.tt-live-ui .panel[data-view=orders] .order{animation:none}
.tt-live-ui .panel[data-view=orders] .ticket-date{justify-content:flex-start;padding-top:24px}
.tt-live-ui .panel[data-view=orders] .ticket-date b{font-size:30px;margin:7px 0 9px}
.tt-live-ui .panel[data-view=orders] .ticket-date span{font-size:13px;line-height:1.8}
.tt-live-ui .panel[data-view=orders] .ticket-body{padding:21px 23px}
.tt-live-ui .panel[data-view=orders] .order h2{font-size:20px;line-height:1.5}
.tt-live-ui .panel[data-view=orders] .order-top strong{font-size:18px;white-space:nowrap}
.tt-live-ui .panel[data-view=orders] .order-top small{display:block;margin-top:5px;color:#a27c65;font-size:13px}
.tt-live-ui .panel[data-view=orders] .order-status{margin:16px 0 14px;color:#647f6b}
.tt-live-ui .panel[data-view=orders] .steps{gap:12px;margin:0 0 18px;align-items:flex-start}
.tt-live-ui .panel[data-view=orders] .steps span{position:relative;flex:1;text-align:left;border:0;padding:10px 0 0;color:#b39b89;font-size:12px;line-height:1.5}
.tt-live-ui .panel[data-view=orders] .steps span:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:#dccdc099;animation:none;scale:none}
.tt-live-ui .panel[data-view=orders] .steps .done{color:#947b63}
.tt-live-ui .panel[data-view=orders] .steps .done:before{background:#b8a488}
.tt-live-ui .panel[data-view=orders] .steps .current{color:#875a36;font-weight:700}
.tt-live-ui .panel[data-view=orders] .steps .current:before{background:#b78553}
.tt-live-ui .panel[data-view=orders] .steps .current i{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}
.tt-live-ui .panel[data-view=orders] .steps .current i:after{content:'';position:absolute;width:40%;height:100%;left:-45%;background:linear-gradient(90deg,transparent,#fff6dc,transparent);animation:currentProgressLight 4.5s ease-in-out infinite}
.tt-live-ui .panel[data-view=orders] .steps .current small{display:block;font-size:10px;font-weight:400;color:#ad8660;line-height:1.5;margin-top:2px}
.tt-live-ui .panel[data-view=orders] .order-assist{font-size:12px;color:#927459;padding:6px 0;border-bottom:1px solid #bba484}
.tt-live-ui .panel[data-view=orders] .order-assist:hover{color:#684528;border-color:#684528}
.tt-live-ui .panel[data-view=orders] .ticket-help{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid #d5ad797d;border-radius:7px;background:linear-gradient(110deg,#fff4dcb3,#f7e6c950);margin:0;color:#977243!important}
.tt-live-ui .panel[data-view=orders] .help-state{white-space:nowrap;display:inline-flex;gap:7px;align-items:center;font-weight:700;font-size:12px;color:#95622e}
.tt-live-ui .help-state i{width:6px;height:6px;background:#b88142;border-radius:50%;box-shadow:0 0 0 3px #bd95521a;animation:helpStatusPulse 3.6s ease-in-out infinite}
.tt-live-ui .panel[data-view=orders] .ticket-help p{margin:0;font-size:11px;line-height:1.6;color:#a48a6a}
.tt-live-ui .panel[data-view=orders] .needs-help .steps .current i:after{animation:none;display:none}
.tt-live-ui .panel[data-view=orders] .needs-help .order-status{color:#a4815c}
.tt-live-ui .panel[data-view=orders] .is-complete .order-status{color:#6f8775}
.tt-live-ui .panel[data-view=achievements] .spine-track i{animation:none;display:none}
.tt-live-ui .panel[data-view=achievements] .frame-decoration{opacity:.28}
.tt-live-ui .panel[data-view=achievements] .frame-decoration *{animation:none!important}
.tt-live-ui .panel[data-view=achievements] .luxe-trace,.tt-live-ui .panel[data-view=achievements] .luxe-star{display:none}
.tt-live-ui .panel[data-view=achievements] .collect-state{overflow:hidden}
.tt-live-ui .panel[data-view=achievements] .ach:not(.locked):is(:hover,:focus-visible) .collect-state:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffffcc 50%,transparent 85%);animation:collectAcknowledge .8s ease-out both}
.tt-live-ui .panel[data-view=achievements] .ach[aria-pressed=true]{outline:2px solid currentColor;outline-offset:-3px}
.tt-live-ui .panel[data-view=achievements] .ach[aria-pressed=true] .spine-seal{opacity:.9;background:#ffffff80}
@keyframes currentProgressLight{0%,18%{left:-45%;opacity:0}30%{opacity:1}75%{opacity:1}95%,100%{left:105%;opacity:0}}
@keyframes helpStatusPulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes collectAcknowledge{from{translate:-110% 0}to{translate:110% 0}}
@media(max-width:700px){.tt-live-ui .panel[data-view=orders] .ticket-body{padding:15px 12px}
.tt-live-ui .panel[data-view=orders] .order h2{font-size:16px}
.tt-live-ui .panel[data-view=orders] .order-top{flex-wrap:wrap;gap:8px}
.tt-live-ui .panel[data-view=orders] .order-top strong{font-size:16px}
.tt-live-ui .panel[data-view=orders] .ticket-date{padding:18px 5px 12px}
.tt-live-ui .panel[data-view=orders] .ticket-date b{font-size:24px}
.tt-live-ui .panel[data-view=orders] .ticket-date span{font-size:11px}
.tt-live-ui .panel[data-view=orders] .steps{gap:7px}
.tt-live-ui .panel[data-view=orders] .steps span{font-size:10px}
.tt-live-ui .panel[data-view=orders] .steps .current small{font-size:8px}
.tt-live-ui .panel[data-view=orders] .ticket-help{align-items:flex-start;flex-direction:column;gap:5px;padding:9px}
.tt-live-ui .panel[data-view=orders] .help-state{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tt-live-ui .panel[data-view=orders] .steps .current i:after,.tt-live-ui .help-state i,.tt-live-ui .panel[data-view=achievements] .collect-state:after{animation:none!important}
}

.tt-live-ui .ticket-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:18px}
.tt-live-ui .ticket-identity{flex:0 0 150px;display:flex;flex-direction:column;align-items:stretch;gap:5px;color:#9d8069;padding-left:14px;border-left:1px solid #bb9c7952;position:relative;user-select:text}
.tt-live-ui .ticket-identity:before{content:'';position:absolute;right:0;top:0;width:7px;height:7px;border-top:1px solid #b29a7a70;border-right:1px solid #b29a7a70}
.tt-live-ui .ticket-id-label{font-size:9px;line-height:1.4;letter-spacing:1px;color:#ac947e}
.tt-live-ui .ticket-barcode{display:block;width:134px;height:19px;fill:#a58c72;stroke:none;opacity:.68;shape-rendering:crispEdges}
.tt-live-ui .ticket-identity code{font:10px/1.3 'Courier New',monospace;letter-spacing:.65px;white-space:nowrap;color:#967c65}
.tt-live-ui .panel[data-view=orders] .ticket-footer .order-assist{margin:0 0 2px;align-self:flex-end;text-align:left}
.tt-live-ui .panel[data-view=orders] .needs-help .ticket-footer{margin-top:13px}
.tt-live-ui .panel[data-view=orders] .is-complete .ticket-footer{margin-top:10px}
@media(max-width:700px){.tt-live-ui .ticket-footer{gap:14px;flex-wrap:wrap;margin-top:16px}
.tt-live-ui .ticket-identity{flex:0 0 137px;margin-left:auto;padding-left:12px}
.tt-live-ui .ticket-barcode{width:123px;height:17px}
.tt-live-ui .ticket-identity code{font-size:9px;letter-spacing:.5px}
.tt-live-ui .ticket-id-label{font-size:8px}
.tt-live-ui .panel[data-view=orders] .ticket-footer .order-assist{font-size:11px}
.tt-live-ui .ticket-footer>span:empty{display:none}
}