*{-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.2}table{border-collapse:collapse;border-spacing:0}ol{padding-left:1.4em;list-style:decimal}ul{padding-left:1.4em;list-style:square}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}body{background:#ccc;font-family:Arial,serif;font-size:12px;color:#10afff;overflow-x:auto}#wrapper{position:relative;width:1024px;margin:0 auto;padding:0 0 32px}#canvasWrapper{color:#ccc;background:#a7d2ff;-moz-box-shadow:0 0 14px #aaa;-webkit-box-shadow:0 0 14px #aaa;box-shadow:0 0 14px #aaa}canvas{display:block}.sidePanel{position:absolute;top:0;width:250px;padding:14px 14px 16px;background:#042761e6;-moz-box-shadow:0 0 14px #aaa;-webkit-box-shadow:0 0 14px #aaa;box-shadow:0 0 14px #aaa}.panelHeader{margin-bottom:14px}.panelTitle,.panelSubTitle{display:block;color:#ffef93;font:10px Futura,Century Gothic,sans-serif;letter-spacing:.04em;text-transform:uppercase}.panelSubTitle{margin-bottom:8px}#shapeInfoPanel{right:calc(100% + 28px)}.panelContent{will-change:opacity,transform}.panelFadeOut{animation:panelFadeOut .18s ease forwards}.panelFadeIn{animation:panelFadeIn .18s ease forwards}@keyframes panelFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(-8px)}}@keyframes panelFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}#controls{left:calc(100% + 28px)}.panelSection{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.infoRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.infoLabel{color:#ffef93;font:10px Futura,Century Gothic,sans-serif;letter-spacing:.04em;text-transform:uppercase}.infoValue{color:#fff;font:10px Futura,Century Gothic,sans-serif;text-align:right}.storyTitle{color:#fff;font:18px Futura,Century Gothic,sans-serif;margin:0}.storyText{color:#e8efffeb;font:11px/1.45 Futura,Century Gothic,sans-serif;margin:0}.storyBadgeRow{display:flex}.controlsHeader{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}button,#selectButton,#selectButton select{width:100%}#selectButton{display:block}#selectButton select{font:10px Futura,Century Gothic,sans-serif;padding:4px 6px;color:#10144d;cursor:pointer}.fpsRow{display:flex;align-items:center;gap:10px}.statsBadge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#addcfff2;border-radius:5px}.statsBadgeRight{margin-left:auto}.statsLabel,.statsValue{color:#0c0c7f}.statsValue{font-weight:700}.toggleRow{display:flex;align-items:center;gap:12px}.toggleLabel{color:#ffef93;font:10px Futura,Century Gothic,sans-serif;letter-spacing:.04em;text-transform:uppercase}.toggleLabelMuted,.toggleRowOff .toggleLabel{color:#b0b4bcb8}#toggleWireframe,#toggleBackfaceCulling{margin-left:auto;width:72px;flex:0 0 auto}.sliderGroup{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.sliderRow{display:flex;flex-direction:column;gap:4px}input[type=range]{width:100%;margin:0;cursor:pointer}input[type=range]:active{cursor:grabbing}input[type=range]:disabled{cursor:not-allowed;opacity:.45}.sliderText{display:block;color:#ffef93;font:10px Futura,Century Gothic,sans-serif;letter-spacing:.04em;text-transform:uppercase}button{font:10px Futura,Century Gothic,sans-serif;padding:4px 8px;background-color:#fc0;border:1px solid #ffcc00;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-bottom:1px solid #9f9f9f;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffff80;cursor:pointer}button:hover{background-color:#ffb800}#resetControls{background-color:#b0f4b7;border-color:#76ca7f;color:#0d5a19}#resetControls:hover{background-color:#98e8a1}.hoverTooltip{position:fixed;z-index:1000;display:none;pointer-events:none;max-width:220px;padding:6px 8px;color:#000;background:#fff;border:1px solid rgba(120,120,80,.7);border-radius:4px;font:11px Futura,Century Gothic,sans-serif;line-height:1.2;box-shadow:0 2px 8px #0003}@media(max-width:1360px){#wrapper{width:max-content;margin:0 16px;padding-right:16px}.sidePanel{position:static;width:1024px;margin-top:16px}}