body.light{--bg:rgb(232,232,232);--bg-fade:rgba(232,232,232,0.5);--panel-bg:rgba(220,220,220,0.50);--panel-bg-opaque:rgb(220,220,220);--panel-heading:rgba(20,20,20,1);--panel-subtext:rgba(20,20,20,0.5);--panel-text:rgba(20,20,20,0.75);--btn-bg:rgba(0,0,0,0.08);--btn-bg-hover:rgba(0,0,0,0.16);--btn-bg-active:rgba(0,0,0,0.24);--btn-color:rgba(0,0,0,0.65);--divider:rgba(0,0,0,0.08);--logo-fill:rgb(60,60,60);--cube-u:rgb(80,80,80);--cube-l:rgb(40,40,40);--cube-r:rgb(60,60,60);--cube-flash:rgb(120,120,120);--seg-empty:rgba(0,0,0,0.12);--seg-filled:rgba(0,0,0,0.55);--msg-color:rgba(0,0,0,0.45);--footer-filter:none;--header-bg:rgba(232,232,232,0.88);--footer-bg:rgba(232,232,232,0.88)}body.dark{--bg:rgb(26,26,26);--bg-fade:rgba(26,26,26,0.5);--panel-bg:rgba(60,60,60,0.92);--panel-bg-opaque:rgb(60,60,60);--panel-heading:rgba(240,240,240,1);--panel-subtext:rgba(240,240,240,0.5);--panel-text:rgba(240,240,240,0.75);--btn-bg:rgba(255,255,255,0.10);--btn-bg-hover:rgba(255,255,255,0.20);--btn-bg-active:rgba(255,255,255,0.28);--btn-color:rgba(255,255,255,0.70);--divider:rgba(255,255,255,0.08);--logo-fill:rgb(180,180,180);--cube-u:rgb(50,50,50);--cube-l:rgb(30,30,30);--cube-r:rgb(40,40,40);--cube-flash:rgb(180,180,180);--seg-empty:rgba(255,255,255,0.12);--seg-filled:rgba(255,255,255,0.65);--msg-color:rgba(255,255,255,0.45);--footer-filter:invert();--header-bg:rgba(26,26,26,0.92);--footer-bg:rgba(26,26,26,0.92)}:root{--logo-block-size:min(15vw,15vh);--logo-bar-thickness:min(1.5vw,1.5vh);--content-margin:20px;--split-h:50vh;--footer-h:50px;--transition-duration:0.4s;--transition-easing:cubic-bezier(0.4,0,0.2,1);--tile-size:min(25vw,25vh);--tile-gap:16px;--accent:rgb(0,175,255);--new:rgba(120,225,115,1)}*{font-family:"Trebuchet MS","Lucida Sans Unicode",sans-serif;box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);transition:background 0.3s ease}#beta-tag{font-size:1rem;font-weight:bold;color:var(--btn-color);background-color:var(--accent);padding:4px 8px;border-radius:4px;position:fixed;right:8px;top:8px;z-index:9999;cursor:default}header{position:fixed;top:0;left:0;right:0;padding:4px;display:flex;align-items:center;z-index:1000;transition:opacity 0.3s ease,background-color 0.3s ease}header.header-hidden{opacity:0;pointer-events:none;touch-action:none}header a,header button.nav-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;opacity:0.55;transition:opacity 0.2s ease;padding:0}header a:hover,header button.nav-btn:hover{opacity:1}header svg{width:100%;height:100%}button.hidden{display:none;visibility:collapse;pointer-events:none}button:disabled{opacity:0.3;cursor:default;pointer-events:none;transition:opacity 0.2s ease}@keyframes glow-pulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 8px 3px var(--accent);background-color:var(--accent)}}button.glow{animation:glow-pulse 1.4s ease-in-out infinite}button{width:2.0rem;height:2.0rem;padding:4px;border:none;border-radius:5px;background:var(--btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--btn-color);transition:color 0.15s,background 0.15s,transform 0.15s}button:hover{color:var(--panel-text);background:var(--btn-bg-hover);transform:scale(1.1)}#bg-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.bg-pane{position:absolute;inset:0;pointer-events:none}#bg-image-pane{background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 500ms ease-in-out}#bg-t3d-pane{opacity:0;transition:opacity 500ms ease-in-out}#bg-border{position:absolute;top:0;left:0;pointer-events:none}.content-pane{position:absolute;background-color:var(--panel-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:500;display:flex;flex-direction:column;overflow:hidden;border-radius:5px;opacity:1;transition:left var(--transition-duration) var(--transition-easing),top var(--transition-duration) var(--transition-easing),bottom var(--transition-duration) var(--transition-easing),width var(--transition-duration) var(--transition-easing),height var(--transition-duration) var(--transition-easing),border-radius var(--transition-duration) var(--transition-easing),background-color 0.3s ease,border-color 0.3s ease,opacity var(--transition-duration) var(--transition-easing)}.content-pane.off{display:none;opacity:0}.content-pane.visible{pointer-events:auto}.content-pane.left{left:var(--content-margin);top:50%;width:calc(var(--pane-split,50%) - var(--content-margin) * 1.5);height:calc(var(--split-h) - var(--content-margin) * 2);transform:translateY(-50%)}.content-pane.right{right:var(--content-margin);top:50%;width:calc(var(--pane-split,50%) - var(--content-margin) * 1.5);height:calc(var(--split-h) - var(--content-margin) * 2);transform:translateY(-50%)}.content-pane.top{left:50%;top:var(--content-margin);width:calc(var(--split-h) - var(--content-margin) * 2);height:calc(var(--pane-split,50%) - var(--content-margin) * 2);transform:translateX(-50%)}.content-pane.bottom{left:var(--content-margin);right:var(--content-margin);top:calc(100% - var(--pane-split,50%));bottom:var(--content-margin)}.content-pane.pane-minimised{left:var(--content-margin);right:var(--content-margin);bottom:var(--content-margin);height:auto}.content-pane.pane-minimised>.scroll-body{flex:0;overflow:hidden}.content-pane.pane-minimised .section{display:none}.content-pane.pane-minimised .header{padding:0.3em 1em;border-bottom:none;max-height:none}.content-pane.pane-minimised>.panel-controls{opacity:1}body.footer-visible .content-pane.bottom,body.footer-visible .content-pane.left,body.footer-visible .content-pane.right,body.footer-visible .content-pane.fullscreen,body.footer-visible .content-pane.pane-minimised{bottom:80px}body.header-visible .content-pane.top,body.header-visible .content-pane.left,body.header-visible .content-pane.right,body.header-visible .content-pane.fullscreen{top:80px}.content-pane.fullscreen{inset:var(--content-margin);transform:none;border-radius:0}.content-pane.fullscreen.plain-text{border-radius:5px}.content-pane.paused{border:1.5px solid var(--accent)}.content-pane .header{flex-shrink:0;padding:0.75em;padding-right:6rem;min-height:calc(2rem+0.8em);overflow:hidden;border-bottom:1px solid var(--divider);transition:opacity var(--transition-duration) var(--transition-easing),max-height var(--transition-duration) var(--transition-easing),padding var(--transition-duration) var(--transition-easing),border-color 0.3s ease}.content-pane>.scroll-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--btn-bg-hover) transparent}.content-pane>.scroll-body::-webkit-scrollbar{width:5px}.content-pane>.scroll-body::-webkit-scrollbar-track{background:transparent}.content-pane>.scroll-body::-webkit-scrollbar-thumb{border-radius:3px;background:var(--btn-bg-hover)}.content-pane>.scroll-body::-webkit-scrollbar-thumb:hover{background:var(--btn-bg-active)}.content-pane .section{padding:0.75em 1em}h1{font-size:1.4rem;color:var(--panel-heading);margin-bottom:8px;transition:color 0.3s ease}h2{font-size:1.2rem;color:var(--panel-heading);margin-left:6px;margin-bottom:6px;transition:color 0.3s ease}p{font-size:0.8rem;line-height:1.6;margin-left:12px;margin-top:10px;color:var(--panel-text);transition:color 0.3s ease}ul{margin-top:2px;margin-left:2px}li{font-size:0.8rem;line-height:1.6;color:var(--panel-text);transition:color 0.3s ease}.content-pane>.controls{position:relative;z-index:15;flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;min-height:calc(2rem+20px);border-top:1px solid var(--divider);transition:border-color 0.3s ease}.content-pane>.controls>.playback{display:flex;flex:1;flex-grow:1;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.content-pane>.controls>.navigation{display:flex;flex:1;flex-grow:1;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.content-pane>.controls>.center-controls{display:flex;flex:1;flex-grow:1;flex-direction:row;gap:4px;align-items:center;justify-content:center}.content-pane>.panel-controls{position:absolute;top:0.4em;right:0.4em;display:flex;flex-direction:row;gap:0.15em;z-index:10;transition:opacity 0.2s ease}@keyframes content-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-item{animation:content-fade-in var(--transition-duration) var(--transition-easing) both}.content-pane.plain-text .header{display:none}.help-overlay{position:absolute;inset:0;z-index:10;background-color:var(--panel-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1.2em 1.5em 1.5em;overflow-y:auto;display:flex;flex-direction:column;gap:0.4em;transition:background-color 0.3s ease}.help-overlay.help-hidden{display:none}.help-overlay .help-close{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;color:var(--panel-subtext);font-size:1.1rem;line-height:1;padding:4px;transition:color 0.15s}.help-overlay .help-close:hover{color:var(--panel-text);background:none;transform:none}.help-overlay h3{margin:0.6em 0 0.2em;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--panel-subtext);transition:color 0.3s ease}.help-overlay ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.help-overlay li{display:flex;align-items:center;gap:10px;font-size:0.78rem;color:var(--panel-text);transition:color 0.3s ease}.help-overlay .help-icon{width:1.3rem;height:1.3rem;flex-shrink:0;color:var(--btn-color);display:flex;align-items:center;justify-content:center;transition:color 0.3s ease}.help-overlay .help-icon svg{width:100%;height:100%}#tiles{position:absolute;top:180px;bottom:180px;left:20px;right:20px;display:flex;flex-direction:row;gap:var(--tile-gap);justify-content:center;align-items:center;flex-wrap:wrap;transition:opacity var(--transition-duration) var(--transition-easing)}.tile{width:var(--tile-size);min-width:var(--tile-size);height:var(--tile-size);padding:0;cursor:pointer;border:none;border-radius:4px;background:var(--panel-bg);overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.18)}.tile-thumb{position:absolute;inset:0;background-size:cover;background-position:center;background-color:rgba(60,60,60,0.25);opacity:0.55}.tile-frame{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none}.tile-title{position:relative;padding:5px 8px 2px;font-size:0.7rem;font-weight:bold;color:var(--panel-text);text-align:left}.tile-subtitle{position:relative;padding:0 8px 4px;font-size:0.65rem;color:var(--panel-subtext);text-align:left;text-overflow:wrap}.tile-date{position:relative;padding:0px 8px 8px 8px;font-size:0.6rem;color:var(--panel-subtext)}.tile:hover,.tile:focus{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.28);outline:none}.tile:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,0.18)}.tile-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,var(--panel-bg-opaque) 100%);pointer-events:none}@keyframes tile-border-pulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,0.18)}50%{box-shadow:0 4px 12px rgba(0,0,0,0.18),0 0 14px 4px var(--accent)}}.tile.newest{border:1px solid var(--accent);animation:tile-border-pulse 2s ease-in-out infinite}.tile-badge{position:absolute;top:8px;right:8px;font-size:0.6rem;font-weight:bold;background:var(--new);color:#111;padding:2px 6px;border-radius:999px;letter-spacing:0.05em;pointer-events:none}body.pane-open .logos{opacity:0;pointer-events:none}body.pane-open .buttons{opacity:0;pointer-events:none}.logos{position:absolute;left:5%;right:5%;top:50px;height:var(--logo-block-size);display:flex;flex-direction:row;justify-content:space-between;gap:auto;transition:opacity var(--transition-duration) var(--transition-easing)}.logos>.left{display:flex;justify-content:center;align-items:center;flex-grow:0;height:var(--logo-block-size)}.logos>.centre{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:0;height:var(--logo-block-size)}.logos>.right{display:flex;justify-content:center;align-items:center;flex-grow:0;height:var(--logo-block-size)}.logo-icon{width:var(--logo-block-size);height:var(--logo-block-size)}.logo-letters{height:var(--logo-block-size)}.bold-text{font-family:"Trebuchet MS";font-weight:bold;fill:var(--logo-fill);stroke:none;font-size:3.7px}.logo-bar-horizontal{fill:var(--logo-fill);stroke:none;width:var(--logo-block-size);height:var(--logo-bar-thickness)}.logo-bar-vertical{fill:var(--logo-fill);stroke:none;width:var(--logo-bar-thickness);height:var(--logo-block-size)}.dm-cube-u{fill:var(--cube-u)}.dm-cube-l{fill:var(--cube-l)}.dm-cube-r{fill:var(--cube-r)}.tat-logo{fill:var(--logo-fill);stroke:none}.tat-text>*{font-family:"Trebuchet MS";font-weight:bold;fill:var(--logo-fill);stroke:none;font-size:3.7px}.gt-mciat-name,.gt-mciat-pn,.gt-mciat-bar{font-family:"Trebuchet MS";fill:var(--logo-fill);stroke:none}.gt-mciat-name{font-size:2px;flex:1}.gt-mciat-pn{font-size:3.5px;flex:1;font-weight:bold}.gt_mciat_long{font-family:"Trebuchet MS";fill:var(--logo-fill);stroke:none;font-weight:bold;height:26px}.gt_mciat_long_name{font-size:12px}.gt_mciat_long_title{font-size:6px}.svg_fill{fill:var(--logo-fill)}footer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;z-index:1000;transition:opacity 0.3s ease,background-color 0.3s ease}footer.hidden{opacity:0;pointer-events:none;touch-action:none}footer .left,footer .right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}footer .centre{text-align:center;font-size:0.62rem;color:var(--panel-subtext);transition:color 0.3s ease}footer .centre p{margin:0}footer .social{height:30px;display:flex;align-items:center;justify-content:center;opacity:0.55;transition:opacity 0.2s ease}footer .social img,footer .social svg{width:26px;height:26px;filter:var(--footer-filter,none)}footer .social:hover{cursor:pointer;opacity:1}#tracking-banner{position:absolute;top:60%;left:0;right:0;bottom:0;background:rgba(220,220,220,0.95);padding:12px 20px;justify-content:center;align-items:center;z-index:1000;flex-direction:column;gap:12px;overflow:none}#tracking-heading{font-size:1.2rem;font-weight:bold;color:rgb(60,60,60);margin:0}#tracking-text{color:rgb(60,60,60);font-size:0.9rem;line-height:1.4;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:rgba(60,60,60,0.5) rgba(220,220,220,0.95);flex-grow:1;flex-shrink:1;padding:10px}#tracking-buttons{display:flex;flex-direction:row;gap:12px;flex-shrink:0;flex-grow:1}#tracking-buttons button{font-size:0.9rem;cursor:pointer;transition:opacity 0.2s ease;opacity:0.7;color:rgb(60,60,60);width:120px;padding:6px 12px;border:none;border-radius:4px}#tracking-buttons button:hover{opacity:1}#tracking-accept{background:rgb(150,250,150)}#tracking-decline{background:rgb(250,150,150)}#debug-console{position:fixed;z-index:1100;display:flex;flex-direction:column;background:rgba(40,40,40);color:rgb(100,250,100);font-family:monospace;border:none;opacity:0.5;resize:both;overflow:hidden}#debug-console:hover{opacity:0.9}#debug-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(60,60,60);height:40px;user-select:none}#debug-messages{padding:10px;flex-grow:1;overflow-y:auto;flex-shrink:1;display:flex;flex-direction:column}#debug-close{color:rgb(250,100,100);cursor:pointer}.loading-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:background 0.3s ease,opacity 0.3s ease;opacity:1}.loading-overlay.appearing{opacity:0}.loading-overlay.fading{opacity:0}.loading-overlay .card{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-overlay .card svg.logo-icon{width:160px;height:160px}.cubelet.flash>polygon{fill:var(--cube-flash) !important}.loading-overlay .bar{display:flex;gap:5px}.seg{width:16px;height:6px;border-radius:2px;background:var(--seg-empty);transition:background 0.2s ease}.seg.filled{background:var(--seg-filled)}.loading-overlay .message{font-family:"Trebuchet MS",sans-serif;font-size:0.75rem;color:var(--msg-color);letter-spacing:0.04em;transition:color 0.3s ease}.loading-overlay .actions{display:flex;flex-direction:column;align-items:center;gap:8px}.loading-overlay .actions button{font-family:"Trebuchet MS",sans-serif;font-size:0.78rem;width:100px;height:2rem;border:none;border-radius:4px;background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:background 0.15s}.loading-overlay .actions button:hover{background:var(--btn-bg-hover)}.portrait{display:none}.landscape{display:block}@media (orientation:portrait){.portrait{display:block}.landscape{display:none}#logos>.left,#logos>.right{flex-direction:column}:root{--logo-block-size:min(30vw,30vh);--logo-bar-thickness:min(3vw,3vh)}}@media (orientation:landscape){.portrait{display:none}.landscape{display:block}}@media (max-width:768px){#logos{position:absolute;top:50px;bottom:80%;display:flex;flex-direction:row;justify-content:space-between;gap:auto}}@media (max-height:500px){}.fb-backdrop{position:fixed;inset:0;background:var(--bg-fade);z-index:2000;opacity:1;transition:opacity var(--transition-duration) var(--transition-easing)}.fb-backdrop.fb-hidden{opacity:0;pointer-events:none}.fb-card{background:var(--panel-bg);border-radius:14px;padding:28px 32px 24px;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:0;box-shadow:0 8px 40px rgba(0,0,0,0.4);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.fb-drag-handle{text-align:center;padding:0 0 10px;cursor:grab;user-select:none;color:var(--panel-subtext);font-size:14px;letter-spacing:4px;opacity:0.4;transition:opacity 0.15s;margin-top:-6px}.fb-drag-handle:hover{opacity:0.9}.fb-dragging{cursor:grabbing !important}.fb-dragging .fb-drag-handle{cursor:grabbing !important}.fb-close{position:absolute !important;top:12px !important;right:14px !important;width:auto !important;height:auto !important;background:none !important;border:none !important;color:var(--panel-subtext) !important;font-size:18px !important;line-height:1 !important;cursor:pointer !important;padding:4px 7px !important;border-radius:6px !important;transform:none !important}.fb-close:hover{color:var(--panel-heading) !important;background:var(--btn-bg-hover) !important;transform:none !important}.fb-heading{color:var(--panel-heading);font-size:18px;font-weight:700;margin-bottom:4px;padding-right:28px}.fb-subtext{color:var(--panel-subtext);font-size:13px;margin-bottom:20px}.fb-rating-rows{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);margin-bottom:16px}.fb-rating-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--divider)}.fb-rating-row:last-child{border-bottom:none}.fb-row-label{color:var(--panel-text);font-size:14px;font-weight:600;min-width:80px}.fb-stars{display:flex;gap:6px}.fb-star{width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;color:var(--star-empty,rgba(128,128,128,0.35));transition:color 0.12s ease,transform 0.1s ease;user-select:none}.fb-star::before{content:'\2605'}.fb-star.fb-star-preview{color:color-mix(in srgb,var(--accent) 55%,transparent);transform:scale(1.15)}.fb-star.fb-star-on{color:var(--accent)}.fb-star.fb-star-on.fb-star-preview{color:color-mix(in srgb,var(--accent) 80%,white);transform:scale(1.15)}.fb-comment-label{color:var(--panel-subtext);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px}.fb-textarea{width:100%;height:76px;resize:vertical;background:var(--btn-bg);border:1px solid var(--divider);border-radius:8px;color:var(--panel-text);font-size:13px;font-family:inherit;padding:8px 10px;outline:none;transition:border-color var(--transition-duration),background var(--transition-duration);margin-bottom:18px;display:block}.fb-textarea::placeholder{color:var(--panel-subtext)}.fb-textarea:focus{border-color:var(--accent);background:var(--btn-bg-hover)}.fb-btn-row{display:flex;gap:10px;justify-content:flex-end}.fb-btn{padding:9px 20px !important;border:none !important;border-radius:8px !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;font-family:inherit !important;width:auto !important;height:auto !important;transform:none !important;transition:background var(--transition-duration),filter var(--transition-duration),opacity var(--transition-duration) !important}.fb-btn-secondary{background:var(--btn-bg) !important;color:var(--btn-color) !important}.fb-btn-secondary:hover{background:var(--btn-bg-hover) !important;transform:none !important}.fb-btn-secondary:active{background:var(--btn-bg-active) !important}.fb-btn-primary{background:var(--accent) !important;color:rgba(255,255,255,0.95) !important}.fb-btn-primary:hover{filter:brightness(1.12) !important;transform:none !important}.fb-btn-primary:active{filter:brightness(0.92) !important}.fb-btn:disabled{opacity:0.35 !important;cursor:not-allowed !important;pointer-events:none !important}.fb-success-msg{display:none;text-align:center;padding:24px 0 8px}.fb-checkmark{font-size:42px;display:block;margin-bottom:10px;color:var(--accent)}.fb-success-sub{color:var(--panel-subtext);font-size:12px;margin-top:4px}.fb-card.fb-submitted .fb-form-body{display:none}.fb-card.fb-submitted .fb-success-msg{display:block}