:root{color:#edf9ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #8deeff}a{color:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 15% 20%,#367dff24,#0000 30%),radial-gradient(circle at 80% 35%,#9b5cff1f,#0000 34%),#050914;width:100%;height:100%;position:relative}.canvas-layer{z-index:-1;position:absolute;inset:0}.brand{z-index:5;align-items:center;gap:12px;display:flex;position:absolute;top:26px;left:30px}.brand-mark{color:#8deeff;letter-spacing:-.04em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f1fc7;border:1px solid #8deeff73;border-radius:13px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 0 28px #4fd8ff29}.brand div{gap:2px;display:grid}.brand strong{font-size:.94rem}.brand div span{color:#84a2ba;font-size:.72rem}.top-links{z-index:5;gap:8px;display:flex;position:absolute;top:30px;right:30px}.top-links a{color:#9fb9ca;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c1aad;border:1px solid #8deeff29;border-radius:10px;padding:8px 12px;font-size:.75rem;text-decoration:none;transition:color .16s,border-color .16s,transform .16s}.top-links a:hover{color:#e9fbff;border-color:#8deeff66;transform:translateY(-1px)}.section-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0b1830e6,#050c1abd);border:1px solid #8deeff2e;border-radius:26px;width:min(650px,100% - 40px);max-height:min(72vh,760px);padding:clamp(24px,3.3vw,38px);transition:opacity .22s,transform .35s,filter .22s;position:absolute;top:50%;left:clamp(20px,4.5vw,72px);transform:translateY(-50%);box-shadow:0 32px 80px #0006,inset 0 1px #ffffff0a}.section-panel.travelling{opacity:.46;filter:blur(1px);pointer-events:none;transform:translateY(-47%)scale(.98)}.section-content{scrollbar-color:#65ddff61 transparent;scrollbar-width:thin;max-height:calc(min(72vh,760px) - 80px);padding-right:8px;overflow-y:auto}.section-content::-webkit-scrollbar{width:7px}.section-content::-webkit-scrollbar-thumb{background:#65ddff52;border-radius:10px}.eyebrow{color:#65ddff;letter-spacing:.15em;margin:0 0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;font-weight:700}.section-panel h1{letter-spacing:-.065em;max-width:580px;margin:0;font-size:clamp(2.5rem,5.4vw,5rem);line-height:.95}.section-intro>p{color:#acc3d3;max-width:560px;margin:20px 0 0;font-size:clamp(.92rem,1.35vw,1.02rem);line-height:1.65}.status-row{color:#91adbf;text-transform:uppercase;letter-spacing:.07em;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;font-family:SFMono-Regular,Consolas,monospace;font-size:.74rem;display:flex}.status-dot{background:#60ffa8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #60ffa8cc}.status-divider{color:#415e74}.action-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.primary-action,.secondary-action,.resume-link{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.primary-action{color:#06111e;background:linear-gradient(135deg,#8deeff,#4ab8ff);border:0;font-weight:800;box-shadow:0 10px 26px #4fd8ff33}.secondary-action,.resume-link{color:#d8f7ff;background:#071123ad;border:1px solid #8deeff38}.primary-action:hover,.secondary-action:hover,.resume-link:hover{transform:translateY(-2px)}.info-grid,.skill-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.info-card,.skill-card,.project-card,.contact-card{background:#071021b3;border:1px solid #8deeff1f;border-radius:16px}.info-card,.skill-card{padding:18px}.wide-card{margin-top:12px}.card-label,.project-number,.contact-card span{color:#65ddff;text-transform:uppercase;letter-spacing:.1em;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:700}.info-card h2,.skill-card h2,.project-card h2{color:#eefbff;margin:8px 0 7px;font-size:1rem;line-height:1.35}.info-card p,.project-card p{color:#98b0c1;margin:0;font-size:.84rem;line-height:1.55}.info-card>strong{color:#d6f5ff;margin-top:10px;font-size:.78rem;display:inline-block}.compact-list{color:#9eb6c6;gap:8px;margin:12px 0 0;padding-left:18px;font-size:.8rem;line-height:1.45;display:grid}.compact-list li::marker{color:#54d7fa}.two-column-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.skill-card h2{margin-top:0}.tag-list{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tag{color:#b5d1df;background:#2d698f1f;border:1px solid #8deeff21;border-radius:999px;padding:6px 9px;font-size:.7rem}.experience-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.experience-heading strong{color:#d9f8ff;font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem}.project-list{gap:12px;margin-top:24px;display:grid}.project-card{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:18px;display:grid}.project-number{padding-top:4px}.project-content h2{margin-top:0}.contact-card{gap:6px;min-height:116px;padding:17px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:grid}.contact-card:hover{background:#0c1d36d1;border-color:#8deeff5c;transform:translateY(-2px)}.contact-card strong{overflow-wrap:anywhere;color:#e5f9ff;font-size:.86rem}.contact-card small{color:#6f8b9d;align-self:end;font-size:.68rem}.resume-link{margin-top:12px}.section-meta{color:#708da3;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #8deeff1f;justify-content:space-between;margin-top:20px;padding-top:15px;font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem;display:flex}.section-meta strong{color:#d9f8ff;font-weight:700}.navigation{z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050c1acc;border:1px solid #8deeff2e;border-radius:18px;width:fit-content;max-width:calc(100% - 48px);margin-inline:auto;padding:7px;display:flex;position:absolute;bottom:22px;left:24px;right:24px;box-shadow:0 22px 50px #00000059}.navigation-scroll{scrollbar-width:none;display:flex;overflow-x:auto}.navigation-scroll::-webkit-scrollbar{display:none}.nav-button{color:#91a9ba;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;min-width:88px;padding:12px 14px;transition:color .16s,background .16s,transform .16s}.nav-button:hover{color:#e8fbff;transform:translateY(-1px)}.nav-button.active{color:#06111e;background:linear-gradient(135deg,#8deeff,#4ab8ff);font-weight:750;box-shadow:0 8px 22px #4fd8ff38}.travel-status{color:#68859b;text-transform:uppercase;letter-spacing:.08em;place-items:center;min-width:100px;padding-inline:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;display:grid}.prototype-note{color:#7792a6;text-align:right;gap:4px;font-size:.7rem;display:grid;position:absolute;bottom:102px;right:30px}.prototype-note span{color:#bdeefa;text-transform:uppercase;letter-spacing:.09em;font-family:SFMono-Regular,Consolas,monospace}@media (width<=900px){.section-panel{width:min(590px,100% - 32px);left:16px}.prototype-note{display:none}}@media (width<=720px){.brand{top:15px;left:15px}.brand div span,.top-links{display:none}.section-panel{width:auto;max-height:60vh;padding:20px;inset:auto 12px 88px;transform:none}.section-panel.travelling{transform:translateY(8px)scale(.98)}.section-content{max-height:calc(60vh - 68px)}.section-panel h1{font-size:clamp(2.1rem,10vw,3.2rem)}.section-intro>p{margin-top:14px;font-size:.85rem;line-height:1.5}.info-grid,.skill-grid,.contact-grid,.two-column-list{grid-template-columns:1fr}.navigation{width:auto;max-width:none;bottom:8px;left:8px;right:8px}.nav-button{min-width:76px;padding:11px 12px;font-size:.8rem}.travel-status{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-panel{animation:.35s both sectionPanelEnter;position:relative}.section-close-button{z-index:10;color:#dff7ff;cursor:pointer;background:#051222d1;border:1px solid #66d7ff40;border-radius:50%;place-items:center;width:38px;height:38px;font-size:26px;line-height:1;transition:transform .2s,background .2s,border-color .2s;display:grid;position:absolute;top:18px;right:18px}@keyframes sectionPanelEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px)brightness(.65);background:#010712a3;place-items:center;padding:clamp(16px,3vw,44px);animation:.25s both modalBackdropEnter;display:grid;position:fixed;inset:0}.section-modal-backdrop .section-panel-modal{background:linear-gradient(145deg,#081a30fa,#030e1efa);border:1px solid #65d6ff4d;border-radius:30px;flex-direction:column;max-height:86vh;animation:.32s both sectionModalEnter;display:flex;overflow:hidden;box-shadow:0 40px 100px #0000009e,0 0 60px #3cc8ff14;width:min(1100px,94vw)!important;max-width:none!important;height:auto!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.section-modal-backdrop .section-content{scrollbar-width:thin;scrollbar-color:#64d7ff73 transparent;flex:1;min-height:0;padding:clamp(38px,5vw,64px) clamp(26px,5vw,68px) 36px;overflow:hidden auto}.section-modal-backdrop .section-content::-webkit-scrollbar{width:8px}.section-modal-backdrop .section-content::-webkit-scrollbar-track{background:0 0}.section-modal-backdrop .section-content::-webkit-scrollbar-thumb{background:#64d7ff66;border-radius:20px}.section-modal-backdrop .section-meta{background:#020c1aeb;border-top:1px solid #64d7ff21;flex:none;justify-content:space-between;gap:20px;padding:18px clamp(26px,5vw,68px);display:flex}.dialog-location-label{display:none}.section-close-button{z-index:20;color:#e9faff;cursor:pointer;background:#041426f0;border:1px solid #68daff59;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-family:inherit;font-size:28px;line-height:1;transition:transform .2s,background .2s,border-color .2s;display:grid;position:absolute;top:20px;right:20px}.section-close-button:hover{background:#16739b8c;border-color:#68daffcc;transform:scale(1.08)}.section-close-button:focus-visible{outline-offset:4px;outline:2px solid #65d9ff}@keyframes modalBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes sectionModalEnter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.section-modal-backdrop{padding:12px}.section-modal-backdrop .section-panel-modal{border-radius:22px;max-height:91vh;width:100%!important}.section-modal-backdrop .section-content{padding:64px 22px 28px}.section-modal-backdrop .section-meta{padding:16px 22px}.section-close-button{top:14px;right:14px}}.world-location-label{color:#ddf7ff;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#030e1cdb;border:1px solid #65d7ff38;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:128px;padding:10px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 12px 32px #00000059,inset 0 0 18px #4ac8ff0a}.world-location-label strong{letter-spacing:.05em;font-size:13px}.world-location-label span{color:#7898ad;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.world-location-label.active{border-color:#65dcffc7;transform:scale(1.06);box-shadow:0 12px 35px #0006,0 0 24px #4bcdff40}.world-location-label.active span{color:#63d8ff}.welcome-screen{z-index:5000;-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 40%,#29b2e62e,#0000 42%),#010712e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.welcome-background-glow{aspect-ratio:1;filter:blur(90px);pointer-events:none;background:#42ccff1c;border-radius:50%;width:min(640px,80vw);position:fixed}.welcome-card{z-index:1;text-align:center;background:linear-gradient(145deg,#07192ff5,#020d1df5);border:1px solid #68dbff40;border-radius:34px;width:min(940px,100%);padding:clamp(28px,5vw,60px);animation:.55s both welcomeEnter;position:relative;box-shadow:0 45px 120px #000000a6,inset 0 0 45px #3fc8ff0a}.welcome-badge{color:#65dcff;letter-spacing:.16em;border:1px solid #5cd8ff4d;border-radius:999px;margin-bottom:20px;padding:8px 15px;font-size:11px;font-weight:700;display:inline-flex}.welcome-card h1{color:#effaff;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.02}.welcome-card h1 span{color:#67dfff}.welcome-description{color:#9db8ca;max-width:600px;margin:22px auto 34px;font-size:17px;line-height:1.7}.mode-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.mode-card{color:#e8f9ff;text-align:left;cursor:pointer;background:#06192db8;border:1px solid #6dcced33;border-radius:24px;flex-direction:column;align-items:flex-start;min-height:260px;padding:28px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:flex}.mode-card:hover{background:#0a2a46e6;border-color:#64dcffb3;transform:translateY(-7px);box-shadow:0 22px 55px #00000059,0 0 30px #4bd3ff1a}.mode-card.featured{background:linear-gradient(145deg,#0a3350f2,#051d35e6);border-color:#62e1ff7a}.mode-card-icon{color:#6ce2ff;background:#35c5f71c;border:1px solid #61daff61;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:24px;font-size:25px;display:grid}.mode-card-content{flex-direction:column;gap:12px;display:flex}.mode-card-content strong{font-size:22px}.mode-card-content small{color:#96afc0;font-size:14px;line-height:1.65}.mode-card-action{color:#66dbff;letter-spacing:.05em;text-transform:uppercase;margin-top:auto;padding-top:24px;font-size:13px;font-weight:800}.welcome-controls-preview{color:#7896a9;letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:30px;font-size:12px;display:flex}@keyframes welcomeEnter{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mode-switcher{z-index:900;color:#dff8ff;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#03101fd1;border:1px solid #5ed5ff40;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:fixed;top:112px;right:28px}.mode-switcher-dot{background:#5ce2ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #5ce2ff}.mode-switcher small{color:#7698ac;text-transform:uppercase;font-size:9px}.desktop-control-hint{z-index:750;color:#dff7ff;-webkit-backdrop-filter:blur(12px);background:#030f1cc9;border:1px solid #63d7ff33;border-radius:17px;max-width:410px;padding:14px 18px;position:fixed;bottom:105px;right:28px}.desktop-control-hint strong{color:#64dfff;letter-spacing:.15em;margin-bottom:10px;font-size:10px;display:block}.desktop-control-hint>div{color:#8ba8b9;flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.desktop-control-hint kbd{color:#e8faff;background:#1c4a6566;border:1px solid #64d7ff3d;border-radius:7px;padding:5px 8px;font-family:inherit;font-size:10px}.desktop-control-hint small{color:#7e9daf;margin-top:10px;font-size:10px;display:block}.mobile-explore-controls{display:none}@media (pointer:coarse),(width<=800px){.desktop-control-hint{display:none}.mobile-explore-controls{z-index:850;pointer-events:none;display:block;position:fixed;inset:0}.mobile-joystick{-webkit-backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#4fcbf426,#0313239e);border:1px solid #6ddeff4d;border-radius:50%;width:122px;height:122px;position:absolute;bottom:105px;left:24px;box-shadow:inset 0 0 30px #50cff91f,0 18px 35px #0000004d}.joystick-direction-ring{border:1px dashed #70ddff3d;border-radius:50%;position:absolute;inset:20px}.joystick-knob{pointer-events:none;background:linear-gradient(145deg,#6ce2ffe6,#2392c1e0);border:1px solid #b5f1ffcc;border-radius:50%;width:52px;height:52px;position:absolute;top:calc(50% - 26px);left:calc(50% - 26px);box-shadow:0 0 24px #54d8ff80}.mobile-action-buttons{pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:108px;right:23px}.mobile-action-button{color:#effcff;-webkit-backdrop-filter:blur(9px);touch-action:none;-webkit-user-select:none;user-select:none;background:#04172ad4;border:1px solid #6cdeff61;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 16px 32px #0000004d,inset 0 0 18px #4bcdfa1a}.mobile-action-button:active{background:#2387b1c7;transform:scale(.91)}.mobile-action-button strong{font-size:12px}.mobile-action-button small{color:#7da6ba;text-transform:uppercase;margin-top:2px;font-size:8px}.jump-button{background:linear-gradient(145deg,#208dbae0,#072e4be6);border-color:#6fe7ffb8;width:82px;height:82px}.mode-switcher{padding:8px 11px;font-size:11px;top:94px;right:14px}.welcome-card{padding:28px 20px}.mode-card-grid{grid-template-columns:1fr}.mode-card{min-height:215px}}@media (width<=480px){.mobile-joystick{width:110px;height:110px;bottom:92px;left:16px}.mobile-action-buttons{bottom:96px;right:14px}.mobile-action-button{width:62px;height:62px}.jump-button{width:74px;height:74px}}.welcome-screen{background:linear-gradient(#65ddff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#65ddff08 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 38%,#46b9ff2b,#0000 36%),linear-gradient(145deg,#010814f2,#050f1ff5)}.game-mode-panel{background:linear-gradient(135deg,#082034f5,#030b1af7),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 8px);border-color:#69e0ff6b;border-radius:18px;max-width:980px;overflow:hidden;box-shadow:0 34px 100px #000000b8,0 0 0 1px #46d2ff1f,inset 0 0 36px #56d7ff0f}.game-mode-panel:before,.game-mode-panel:after{content:"";pointer-events:none;width:78px;height:78px;position:absolute}.game-mode-panel:before{border-top:2px solid #6df;border-left:2px solid #6df;top:15px;left:15px}.game-mode-panel:after{border-bottom:2px solid #ffd166;border-right:2px solid #ffd166;bottom:15px;right:15px}.welcome-panel-topline{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.welcome-panel-status{color:#8cffc7;letter-spacing:.14em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.welcome-panel-status:before{content:"";background:#8cffc7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #8cffc7cc}.game-mode-panel .welcome-badge{color:#ffd166;background:#ffd1660f;border-color:#ffd1666b;border-radius:6px;margin-bottom:0}.game-mode-panel h1{text-transform:uppercase;letter-spacing:0;text-shadow:0 0 28px #67dfff33;font-size:clamp(34px,5vw,68px)}.game-mode-panel h1 span{color:#78e7ff;display:block}.game-mode-panel .welcome-description{color:#a8c4d5;margin-bottom:28px}.game-mode-panel .mode-card-grid{gap:16px}.game-mode-panel .mode-card{background:linear-gradient(#0c2b44db,#051224eb);border-color:#78e7ff3d;border-radius:14px;min-height:238px;position:relative;box-shadow:inset 0 0 24px #5bcfff0a}.game-mode-panel .mode-card:after{content:"SELECT";color:#ffd166c7;letter-spacing:.16em;font-size:10px;font-weight:900;position:absolute;top:14px;right:16px}.game-mode-panel .mode-card:hover{border-color:#78e7ffb8;transform:translateY(-5px)scale(1.01);box-shadow:0 22px 50px #0000006b,0 0 28px #4ecfff24,inset 0 0 28px #5bcfff14}.game-mode-panel .mode-card.featured{background:linear-gradient(#0c3441e6,#041927f0);border-color:#8cffc75c}.game-mode-panel .mode-card-icon{color:#78e7ff;background:#061120b8;border-color:#78e7ff75;border-radius:8px;width:58px;height:42px;font-family:SFMono-Regular,Consolas,monospace;font-size:17px;font-weight:900}.game-mode-panel .mode-card.featured .mode-card-icon{color:#8cffc7;border-color:#8cffc780}.game-mode-panel .mode-card-content strong{color:#f2fbff;text-transform:uppercase;font-size:24px}.game-mode-panel .mode-card-action{color:#ffd166}.dont-show-option{color:#dff8ff;cursor:pointer;text-align:left;background:#04111fad;border:1px solid #78e7ff33;border-radius:12px;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:22px auto 0;padding:12px 15px;display:flex}.dont-show-option input{opacity:0;pointer-events:none;position:absolute}.checkbox-frame{background:#061423f2;border:1px solid #78e7ff94;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 0 12px #50cdff17}.dont-show-option input:checked+.checkbox-frame:before{content:"";background:#8cffc7;border-radius:3px;width:12px;height:12px;box-shadow:0 0 14px #8cffc7cc}.dont-show-option input:focus-visible+.checkbox-frame{outline-offset:3px;outline:2px solid #ffd166}.dont-show-option span:last-child{gap:2px;display:grid}.dont-show-option strong{letter-spacing:.03em;text-transform:uppercase;font-size:13px}.dont-show-option small{color:#88a8ba;font-size:11px}.game-mode-panel .welcome-controls-preview{color:#86a6b8;margin-top:22px}@media (width<=800px){.welcome-panel-topline{flex-direction:column;align-items:flex-start}.game-mode-panel .mode-card{min-height:205px}}