/* Sky-blue portfolio theme: game details, portfolio-first layout. */
:root{--ink:#173d58;--muted:#607c90;--purple:#2b8cc8;--pink:#e6a950;--cream:#f5fbff;--line:#d9eaf3}
body{background:#f5fbff;color:#173d58}
.scene{height:790px;background:linear-gradient(180deg,#b5e9fb 0%,#d9f3fb 54%,#f5fbff 100%)}
.scene::before{background-image:linear-gradient(#2d8ac516 1px,transparent 1px),linear-gradient(90deg,#2d8ac516 1px,transparent 1px);opacity:.65}
.scene::after{height:170px;background:linear-gradient(transparent,#f5fbff 95%)}
.scene-glow{right:0;top:0;background:radial-gradient(circle,#fff9d6a8 0,#a9e2ef87 38%,transparent 68%)}
.scene-orbit{border-color:#469cc02e}
.scene-stars{background-image:radial-gradient(#fff 2px,transparent 3px),radial-gradient(#62aace 1.5px,transparent 2.5px);opacity:.7}
.topbar{color:#1b5277}
.brand-mark{background:#ffffffbc;border-color:#fff;box-shadow:0 7px 18px #3984ae29,inset 0 1px #fff;color:#2e88bd}
.brand-spark{color:#e7aa48}
.brand-text>span{color:#2688c4}
.brand-text small{color:#6999ad}
.status{color:#4b7891}.status-dot{background:#4bbfa9;box-shadow:0 0 10px #4bbfa9}
.top-contact{border-color:#fff;background:#ffffffa6;box-shadow:0 6px 16px #3d91b528}
.top-contact:hover{background:#2688c4;color:#fff}
.hero{min-height:610px;padding-top:45px;padding-bottom:90px;color:#184a6c}
.eyebrow{color:#327fa9}.eyebrow-line{background:#4b9fc4}.eyebrow-star{color:#dea443}
.hero h1{font-size:clamp(3.2rem,5.5vw,6.4rem)}
.hero h1 em{color:#2789c5}
.hero-outline{-webkit-text-stroke:1.5px #398fc3}
.hero-intro{color:#547990}
.button-primary{background:#2e8ac7;color:#fff;box-shadow:0 11px 25px #2e8ac742}
.button-primary:hover{background:#1d76b2;box-shadow:0 16px 35px #2e8ac752}
.button-ghost{color:#205b82;background:#ffffff9e;border-color:#fff;box-shadow:0 6px 19px #4b94af21}
.button-ghost:hover{background:#fff}
.hero-meta{color:#6d9aae}.hero-meta b{color:#d7993a}
.art-halo{background:radial-gradient(circle,#fff7cead,#a4dce64f 44%,transparent 68%)}
.art-card{border-color:#fff;background:linear-gradient(145deg,#ffffffee,#d4f2f7ce 50%,#ffffffb0);box-shadow:0 25px 60px #3a84a454,inset 0 1px #fff;transform:rotate(3deg)}
.art-card::before{border-color:#ffffffab}
.art-card-top{color:#3d84a8}.art-card-top span:last-child{color:#d69b43}
.mascot-frame{background:radial-gradient(circle at 50% 48%,#e8fbff 0,#9ed5ed 45%,#4c9ac8 90%);border-color:#fff}
.mascot-frame::before{border-color:#ffffff9e}.mascot-frame::after{background:#2b80a9}
.mascot-sun{background:#fff2cc;box-shadow:0 0 70px #fff6ba}
.mascot-shape{background:linear-gradient(140deg,#fff5ce,#ecd6a0 65%,#d4b783);box-shadow:inset -15px -14px 0 #be9c763b,0 18px 32px #2c82ab58}
.mascot-shape::before,.mascot-shape::after{background:#ecd6a0}
.mascot-shape span{color:#287aa6}
.mascot-spark{color:#fff5bc}
.art-card-bottom span,.art-card-bottom small{color:#5590ad}.art-card-bottom strong{color:#1c5e85}
.floating-badge{color:#2c6d94;box-shadow:0 14px 30px #2e7d9b3d}.badge-code span{color:#2f9bc3}.badge-level{color:#6c9caf}.badge-level strong{color:#287eac}
.projects-section{padding-top:35px}
.section-kicker{color:#338bb9}
.section-heading h2 em,.about-main h2 em,.contact-section h2 em{color:#3b98c6}
.heading-star{color:#e5ae52}
.project-card{border-color:#d9eaf3;box-shadow:0 12px 30px #356e930e}
.project-card:hover{box-shadow:0 20px 38px #356e9326}
.card-top{border-color:#e0eef4}.card-number{color:#7097ab}.card-icon{color:#d9a44c}
.art-language{background:radial-gradient(circle at 75% 20%,#438ab3,#163d64 68%)}
.code-line b{color:#a9e8f4}.code-line.muted{color:#9abed1}.code-line i{color:#ffda8e}
.art-link{background:#caedf8}.art-link::before,.art-link::after{color:#5eadd1}
.link-long{color:#7eacbf;box-shadow:0 6px 18px #368ab023}.link-short{color:#2a78a6;box-shadow:0 6px 18px #368ab023}.link-short strong{color:#e0a43f}.link-connector{color:#459dc2}
.art-portfolio{background:radial-gradient(circle at 50% 30%,#dff8ff,#72bee2 65%,#3189c4)}
.mini-window{background:#215579;border-color:#e5faff;box-shadow:12px 13px 0 #ffffff68;color:#dff8ff}.mini-dots i{background:#ffd180}.mini-bars i{background:#79cee1}.mini-bars i:nth-child(2){background:#b7e7ef}
.card-title-row h3{color:#1d5679}.card-arrow,.card-open{color:#2b91c6}.card-open{background:#e2f3f9}.card-open:hover{background:#c3e9f5}
.card-tags span,.skill-list span{background:#e7f5fb;color:#3d8cb2}
.about-section{border-color:#d7e8f0}.about-label{color:#6298ae}.about-label span{color:#d8a24a}.about-aside{border-color:#cae2ee}.aside-star{color:#e3ad51}
.contact-section{background:linear-gradient(125deg,#21577d,#177dab);box-shadow:0 20px 45px #276e9231}
.contact-section .section-kicker{color:#bdeefb}.contact-section h2 em{color:#a8ebfa}.contact-section p:last-child{color:#c8e7f0}
.contact-orb{background:#fff0bf;color:#1c5d7e;box-shadow:0 15px 40px #153f663b}.contact-orb:hover{box-shadow:0 20px 60px #153f6655}
.footer{color:#7293a7}.footer b{color:#e3a547}.footer a:hover{color:#2687bb}
.dock{background:#eaf9ffe8;border-color:#fff;box-shadow:0 15px 35px #2b72945c}
.dock-item{color:#5f92ab}.dock-item:hover,.dock-item.active{background:#2f8fc5;color:#fff}
.modal-overlay{background:#143f61a8}.modal-content{background:#f7fcff}.modal-header{border-color:#d9ebf3}.modal-kicker{color:#62a0bf}
.close-btn{background:#e2f3fa;color:#2b729a}.close-btn:hover{background:#c7e7f2}
.modal-body h2 em{color:#369ac8}.modal-body>p{color:#5d8096}
.modal-actions .button-ghost{color:#2b6a8e;border-color:#cce8f2}
.contact-links a{border-color:#d5eaf3}.contact-links a:hover{border-color:#82c1d9}.contact-links span{color:#6b9fb8}.contact-links strong{color:#265a7b}.contact-links b{color:#2b90bf}
.shortener-form label{color:#69a3bc}.input-row input{border-color:#d0e7f1}.output-row{background:#e9f6fb;border-color:#d1e8f1}.output-row span{color:#648294}.output-row button{background:#cce8f3;color:#2e7196}