/* Standalone recreations of the visible device interfaces. */
#pod{width:318px;left:calc(100% - 350px);top:40px;background:transparent;border:0;box-shadow:none;overflow:visible}#pod>.titlebar,#snake>.titlebar{height:24px;min-height:24px;background:linear-gradient(#eee,#c9c9c9);color:#444;text-shadow:none;border:1px solid #888;border-radius:5px;font:11px Tahoma;margin:0 12px 5px;padding:2px 4px}#pod>.titlebar>span,#snake>.titlebar>span{font:11px Tahoma;color:#444}#pod>.titlebar .controls,#snake>.titlebar .controls{transform:scale(.8);transform-origin:right center}.pod-device{height:516px;width:318px;padding:31px 25px 20px;border:1px solid #858585;border-radius:33px;background:linear-gradient(110deg,#8a8a8a,#e0e0e0 19%,#d8d8d8 52%,#bfbfbf 83%,#868686);box-shadow:inset 0 2px 6px #fff9,inset 0 -7px 16px #0007,5px 8px 12px #0005;position:relative;user-select:none}.pod-lcd{height:208px;background:white;border:4px solid #252525;border-radius:9px;overflow:hidden;box-shadow:0 1px 1px #fff8;font:12px Arial;color:#111}.pod-lcd>header{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:linear-gradient(white,#d6d6d6);border-bottom:1px solid #888;font-size:13px}.pod-battery{width:18px;height:9px;border:1px solid #777;border-radius:2px;background:linear-gradient(#c5f18a,#469212);box-shadow:inset 0 0 0 1px white;position:relative}.pod-battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#888}#pod-menu-view{display:flex;height:177px}#pod-items{width:58%;flex-shrink:0;background:#fff;overflow-y:auto}#pod-items button{display:block;width:100%;height:25px;border:0;border-radius:0;background:white;color:#111;text-align:left;padding:0 7px;font:bold 11px Arial;border-bottom:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pod-items button.selected{background:linear-gradient(#569dff,#0760db);color:white}.pod-art{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#153c77,#5396e7 58%,#d3e8f8);color:white;text-shadow:0 1px 2px #0006;overflow:hidden}.pod-art>span{font:80px Georgia;transform:rotate(-12deg)}.pod-art small{font:10px/1.4 Tahoma;text-align:center}#pod-now{text-align:center;padding:9px 12px;height:177px;background:linear-gradient(#fff,#e6e8ed)}.pod-album{float:left;display:grid;place-items:center;background:linear-gradient(135deg,#1a4381,#8dbdff);color:white;width:60px;height:60px;margin-right:8px;font-size:42px;box-shadow:2px 2px 3px #0005}#pod-track{display:block;font:bold 12px/1.4 Arial;min-height:33px;padding-top:5px}#pod-artist{font:10px Arial;display:block}#pod-progress{width:100%;height:7px;margin-top:24px;accent-color:#1479e9}.pod-time{display:flex;justify-content:space-between;font:10px Arial;margin-top:6px}.pod-wheel{width:180px;height:180px;position:relative;border-radius:50%;margin:43px auto 0;background:#f9f9f9;box-shadow:0 1px 2px #fff,0 -1px 2px #7776;outline-offset:5px;touch-action:none}.pod-wheel button{position:absolute;background:none;border:0;box-shadow:none;color:#8f9093;font:bold 12px Arial;padding:0;min-width:0}.pod-wheel button:active{color:#444}.pod-wheel #pod-menu{top:14px;left:60px;width:60px;height:22px}.pod-wheel #pod-play{bottom:14px;left:64px;width:52px;height:22px}.pod-wheel #pod-prev{left:8px;top:77px;width:40px;height:28px}.pod-wheel #pod-next{right:8px;top:77px;width:40px;height:28px}.pod-wheel #pod-select{width:66px;height:66px;left:57px;top:57px;border-radius:50%;background:linear-gradient(120deg,#a2a2a2,#e3e3e3 60%,#aaa);box-shadow:inset 0 0 3px #777,0 1px 1px white}.pod-wheel #pod-select:active{background:#bdbdbd}.pod-port{position:absolute;bottom:4px;left:calc(50% - 20px);width:40px;height:3px;background:#555;border-radius:2px}.device-tip{font:10px Tahoma;color:white;text-shadow:1px 1px black;text-align:center;margin:9px 0}
#snake{width:340px;left:calc(50% - 170px);top:55px;background:transparent;border:0;box-shadow:none;overflow:visible}.snake-shell{width:340px;min-height:555px;padding:25px 21px 15px;border-radius:28px 28px 45px 28px;background:linear-gradient(105deg,#590096,#9204df 22%,#8006c7 78%,#490081);box-shadow:inset 2px 2px 5px #d060f055,inset -4px -6px 10px #210046aa,4px 7px 10px #0006;position:relative}.handheld-comm{position:absolute;left:59px;top:8px;font:11px Arial;color:#58038c}.handheld-bezel{background:linear-gradient(120deg,#242424,#303030);border:2px solid #17082b;border-radius:13px 13px 24px 13px;padding:18px 26px 11px 37px;position:relative;box-shadow:inset 0 2px 3px #0008}.handheld-power{position:absolute;left:6px;top:82px;color:#f00;font-size:12px;text-shadow:0 0 4px red}.handheld-power small{display:block;color:#999;text-shadow:none;font:bold 6px Arial;margin-left:-2px}.snake-score{font:8px monospace;padding:2px 5px;background:#acbe96;color:#263426;margin:0;border:0}.snake-score b{font-size:9px}.snake-screen{width:100%;aspect-ratio:1;height:auto;border:0;box-shadow:0 0 5px #000b;background:#acbe96}.snake-screen canvas{display:block;width:100%;height:auto}#snake-overlay{padding:8px;background:#b8c99aee;color:#253623}#snake-overlay strong{font:bold 25px monospace;letter-spacing:3px}#snake-message{font:10px/1.4 monospace;margin:8px 0}#snake-start{font:bold 10px monospace;background:#9cad88;border:1px solid #34472f;border-radius:0;padding:5px 10px}.handheld-logo{text-align:center;color:#a0a0a0;font:italic bold 13px Arial;margin-top:9px;letter-spacing:-.5px;white-space:nowrap}.handheld-logo i{font-style:normal;color:#d82356;letter-spacing:1px}.handheld-logo i span{color:#58a1d1}.handheld-logo i b{color:#7ea545}.handheld-bottom{position:relative;height:165px}.snake-actions{position:absolute;bottom:9px;left:63px;right:auto;display:flex;gap:14px;padding:0;align-items:center}.snake-actions>label{position:absolute;top:35px;left:-30px;color:#310350;font:9px Tahoma;white-space:nowrap}.snake-actions select{font:9px Tahoma;border:0;background:#630a9a;color:#dcc1eb;width:60px}.snake-actions>button{font-size:0;position:relative;width:32px;height:9px;min-height:0;padding:0;border:1px solid #141414;background:#333;border-radius:10px;transform:rotate(-18deg);box-shadow:1px 2px 2px #0006}.snake-actions>button:after{position:absolute;top:15px;left:0;color:#35015a;font:bold 8px Arial;transform:rotate(18deg)}#snake-pause:after{content:'SELECT'}#snake-restart:after{content:'START'}.dpad{position:absolute;top:27px;left:2px;width:87px;height:87px;margin:0;display:grid;grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,29px);gap:0;filter:drop-shadow(2px 3px 2px #210132)}.dpad:before{content:'';grid-column:2;grid-row:2;background:#292929;border:0}.dpad button{padding:0;width:29px;height:29px;min-height:0;border:1px solid #111;background:linear-gradient(#454545,#202020);border-radius:2px;color:#171717;text-shadow:0 1px #555;font-size:11px;box-shadow:inset 1px 1px #555}.dpad button:active{background:#191919}.dpad [data-direction=up]{grid-column:2;grid-row:1}.dpad [data-direction=left]{grid-column:1;grid-row:2}.dpad [data-direction=right]{grid-column:3;grid-row:2}.dpad [data-direction=down]{grid-column:2;grid-row:3}.handheld-ab{position:absolute;right:-2px;top:38px;display:flex;gap:13px;transform:rotate(-23deg)}.handheld-ab button{width:39px;height:39px;border-radius:50%;border:1px solid #181818;background:linear-gradient(135deg,#494949,#191919);box-shadow:2px 3px 2px #350153;color:#131313;text-shadow:0 1px #555;font:bold 16px Arial}.handheld-ab button:active{transform:translateY(2px);box-shadow:none}.handheld-speaker{position:absolute;right:0;bottom:0;width:55px;height:32px;background:repeating-linear-gradient(0deg,transparent 0 5px,#420165 5px 8px);transform:rotate(-25deg);border-radius:10px}.snake-help{font:9px Tahoma;color:#d4abe9;margin:15px 0 0;text-align:center}
#pinball{width:578px;left:calc(50% - 290px);top:30px;background:#c0c0c0;overflow:hidden}.pinball-menubar{height:25px;display:flex;background:#ece9d8}.pinball-menubar button{background:none;border:0;font:11px Tahoma;padding:4px 10px}.pinball-body{display:flex;background:#14122f;padding:6px;gap:8px}.pinball-body canvas{width:380px;height:auto;max-height:calc(100dvh - 145px);object-fit:contain;background:#101322;touch-action:none;border:2px inset #888;outline-offset:-3px}.pinball-body aside{width:162px;min-width:120px;color:#c5d3ff;padding:12px 4px;font:11px Tahoma}.pinball-body h2{font:italic 900 23px/1 Arial;text-align:center;color:#e1e8ff;text-shadow:2px 2px #78438c;letter-spacing:1px;margin:0 0 25px}.pinball-body h2 em{color:#d477f8;font-size:18px}.pinball-body aside label{display:block;font:10px Tahoma;margin:16px 0 4px;color:#aaaac2}.pinball-body output{display:block;background:#060912;border:2px inset #454253;color:#50f5dd;padding:6px 4px;font:20px 'Courier New',monospace;letter-spacing:1px;margin-top:5px}.pinball-body aside p{font:11px/1.5 Tahoma;min-height:42px}.pinball-body aside button{width:100%;font:11px Tahoma}.pinball-body aside small{display:block;margin-top:20px;font:10px/1.7 Tahoma;color:#aaa}.pinball-touch{display:flex;padding:5px;gap:8px;background:#ece9d8}.pinball-touch button{flex:1;padding:7px;font:12px Tahoma;touch-action:none}.gallery-media{width:100%;max-height:420px;object-fit:contain;background:#060606;border-radius:10px}.gallery-controls{display:flex;gap:10px;align-items:center;margin:12px 0}.gallery-controls button{border:1px solid var(--tube-border);background:var(--tube-bg);color:var(--tube-text);padding:7px 12px;border-radius:18px}.gallery-controls span{font:12px Tahoma;color:var(--tube-muted)}.gallery-thumbs{display:flex;gap:8px;overflow:auto;padding:4px 0 15px}.gallery-thumbs button{width:80px;height:50px;border:2px solid transparent;border-radius:5px;padding:0;flex-shrink:0;overflow:hidden;background:#333;color:#fff}.gallery-thumbs button.selected{border-color:#54a4ff}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.project-card{cursor:pointer}.resume-link{display:inline-block;margin:10px 0;padding:8px 20px;border:1px solid #7c9bc4;border-radius:3px;background:linear-gradient(white,#e3ecf5);text-decoration:none;color:#163f71;font:12px Tahoma}
@media(max-width:700px){#pod{width:318px;left:calc(50% - 159px)!important;top:8px!important;max-height:calc(100dvh - 40px);overflow:auto}#snake{width:340px;left:calc(50% - 170px)!important;top:8px!important;max-height:calc(100dvh - 40px);overflow:auto}#pinball{width:calc(100vw - 8px)!important;left:4px!important;top:5px!important}.pinball-body canvas{width:calc(100% - 118px);max-height:calc(100dvh - 135px)}.pinball-body aside{width:110px;min-width:110px;padding:6px 1px}.pinball-body h2{font-size:18px}.pinball-body output{font-size:16px}.pinball-body aside label{margin:10px 0 3px}.pinball-body aside small{margin-top:10px}.device-tip{display:none}.gallery-media{max-height:45vh}}