:root{--ink:#fff4e6;--muted:#cdbfe0;--soft:#a595bf;--honey:#ffc94d;--line:rgba(255,255,255,.09);--panel:linear-gradient(160deg,#3b2c58,#261c3d);--wood:linear-gradient(180deg,#e0a265 0,#bd7a42 42%,#8a5229 100%)}*{box-sizing:border-box}html{background:#150f22}body{margin:0;min-height:100vh;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 700px at 6% -10%,rgba(122,66,104,.8),rgba(122,66,104,0) 62%),radial-gradient(900px 760px at 104% 26%,rgba(40,58,106,.6),rgba(40,58,106,0) 66%),linear-gradient(180deg,#2a1f3d 0,#1e1632 50%,#150f22 100%)}a{color:inherit;text-underline-offset:4px;text-decoration-color:rgba(255,201,77,.55)}a:focus-visible{outline:3px solid var(--honey);outline-offset:4px;border-radius:12px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:24px 40px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.3px;text-decoration:none}.logo{width:46px;height:46px;flex:none;overflow:visible;filter:drop-shadow(0 4px 0 rgba(10,4,20,.35))}.logo-roof{fill:#ffb547;stroke:#ffe7b8;stroke-width:2.5;stroke-linejoin:round}.logo-door{fill:#3a2350}.logo-face circle{fill:#fff4e6;transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}.logo-face path{fill:none;stroke:#fff4e6;stroke-width:2.6;stroke-linecap:round}@keyframes blink{0%,95%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}nav{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(16,9,28,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.06)}nav a{padding:0 18px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s}nav a:hover{background:rgba(255,255,255,.08);color:var(--ink)}nav a[aria-current]{background:linear-gradient(#ffd770,#ffb22e);color:#3a2410;box-shadow:0 3px 0 #c27312}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:56px;align-items:center;padding:44px 40px 76px}.eyebrow{display:inline-block;margin:0;padding:5px 14px;border-radius:999px;background:rgba(255,201,77,.14);color:var(--honey);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}h1{margin:22px 0 18px;font-size:clamp(44px,5.4vw,72px);font-weight:850;line-height:1.04;letter-spacing:-2.4px}.hero h1::first-line{color:var(--honey)}h2{margin:16px 0;font-size:clamp(30px,3.6vw,42px);line-height:1.14;letter-spacing:-1px}.intro{max-width:470px;margin:0;color:var(--muted);font-size:19px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:30px 0 18px}.button{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:0 28px;border-radius:22px;background:linear-gradient(180deg,#ffd970,#ffab28);color:#4a2a08;font-size:17px;font-weight:800;text-decoration:none;box-shadow:0 6px 0 #bf690e,0 14px 26px rgba(255,160,40,.3),inset 0 2px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #bf690e,0 18px 30px rgba(255,160,40,.38),inset 0 2px 0 rgba(255,255,255,.6)}.button:active{transform:translateY(4px);box-shadow:0 2px 0 #bf690e,inset 0 2px 0 rgba(255,255,255,.6)}.secondary{padding:0 20px;border-radius:18px;background:rgba(255,255,255,.08);font-size:14px;font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.1),0 4px 0 rgba(0,0,0,.25);transition:background-color .15s}.secondary:hover{background:rgba(255,255,255,.14)}.note{max-width:540px;color:var(--soft);font-size:13px}.launcher{padding:16px;border-radius:32px;background:linear-gradient(160deg,#3f2d5c,#211839);box-shadow:0 30px 60px rgba(6,2,14,.55),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.05);transform:rotate(-1.5deg)}.launcher svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.l-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px}.l-top .logo{width:32px;height:32px}.l-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(16,9,28,.55);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}.l-tabs span{display:grid;place-items:center;width:44px;height:28px;border-radius:999px;color:#cdbfe6}.l-tabs .on{background:linear-gradient(#ffd770,#ffb22e);color:#3a2410;box-shadow:0 2px 0 #c27312}.l-tabs svg{width:16px;height:16px}.l-coins{display:flex;padding:5px 9px 5px 6px;border-radius:999px;background:rgba(16,9,28,.55)}.l-coins i{width:16px;height:16px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd770,#f4a623 65%);box-shadow:0 0 0 1.5px #fff0b8,0 2px 0 #9c5a0c}.l-coins i:first-child{margin-left:0}.l-hero{position:relative;display:flex;gap:14px;padding:14px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#4a3668,#2b2044);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.l-stage{flex:1;aspect-ratio:3/2;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 0 2px rgba(255,255,255,.09)}.l-actions{width:27%;display:flex;flex-direction:column;justify-content:center;gap:12px}.l-play{display:grid;place-items:center;aspect-ratio:1.45;border-radius:20px;background:linear-gradient(180deg,#ffd970,#ffab28);color:#4a2a08;box-shadow:0 5px 0 #bf690e,0 10px 22px rgba(255,160,40,.3),inset 0 2px 0 rgba(255,255,255,.6)}.l-play svg{width:38%;fill:currentColor;stroke-width:1.5;animation:beat 1.8s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.1)}}.l-star{display:grid;place-items:center;aspect-ratio:2.3;border-radius:16px;background:rgba(255,255,255,.1);color:#fff4e6;box-shadow:0 4px 0 rgba(0,0,0,.28)}.l-star svg{width:28%}.l-shelf{position:relative;display:flex;justify-content:center;gap:16px;padding:22px 10px 12px}.l-shelf::after{content:"";position:absolute;left:2%;right:2%;bottom:2px;height:16px;border-radius:9px;background:var(--wood);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,232,195,.5)}.l-card{position:relative;z-index:1;flex:0 1 28%;aspect-ratio:3/2;border-radius:12px;box-shadow:0 5px 0 rgba(10,4,20,.35),0 8px 14px rgba(0,0,0,.3)}.l-card.on{transform:translateY(-6px) scale(1.08);transform-origin:50% 100%;box-shadow:0 0 0 3px #ffc94d,0 0 24px 5px rgba(255,184,56,.5)}.l-card.empty{background:rgba(255,255,255,.04);border:2px dashed rgba(255,255,255,.2);box-shadow:none}.art-line-cutter{background:url(/games/line-cutter/cover.png) center/cover no-repeat,linear-gradient(135deg,#d8774f,#5b3b78);image-rendering:pixelated}.art-little-camp{background:url(/games/little-camp/cover.png) center/cover no-repeat,linear-gradient(135deg,#6fbf5b,#2f6a4a);image-rendering:pixelated}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 40px 24px}.principles>div{padding:26px 26px 24px;border-radius:26px;background:var(--panel);box-shadow:0 16px 30px rgba(8,4,18,.4),inset 0 1px 0 rgba(255,255,255,.1)}.principles::after{content:"";grid-column:1/-1;height:18px;margin:-4px -10px 0;border-radius:10px;background:var(--wood);box-shadow:0 10px 18px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,232,195,.5),inset 0 -2px 0 rgba(60,30,10,.4)}.principles span,.cards span{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px}.principles span{padding:4px 12px;border-radius:999px;background:rgba(255,201,77,.14);color:var(--honey)}.principles h2{margin:14px 0 6px;font-size:23px;letter-spacing:-.4px}.principles p,.cards p{margin:0;color:var(--muted);font-size:15px}.makers{padding:76px 40px 60px}.makers>p:not(.eyebrow):not(.note){max-width:620px;color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0 24px}.cards>a{display:block;padding:26px;border-radius:26px;background:var(--panel);text-decoration:none;box-shadow:0 6px 0 rgba(8,4,18,.5),0 16px 28px rgba(8,4,18,.35),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .18s,box-shadow .18s}.cards>a:hover{transform:translateY(-4px);box-shadow:0 10px 0 rgba(8,4,18,.5),0 22px 34px rgba(8,4,18,.4),inset 0 0 0 2px rgba(255,201,77,.45)}.cards>a:first-child{background:linear-gradient(170deg,#ffd970,#ffab28);color:#3a2410;box-shadow:0 6px 0 #bf690e,0 16px 30px rgba(255,160,40,.25),inset 0 2px 0 rgba(255,255,255,.55)}.cards>a:first-child:hover{box-shadow:0 10px 0 #bf690e,0 22px 34px rgba(255,160,40,.32),inset 0 2px 0 rgba(255,255,255,.55)}.cards>a:first-child span{color:#7a4508}.cards>a:first-child p{color:#5c3a10}.cards span{color:var(--honey)}.cards h3{margin:10px 0 6px;font-size:21px;letter-spacing:-.3px}footer{display:flex;align-items:center;gap:28px;padding:28px 40px 44px;border-top:1px solid var(--line);font-size:13px}footer .brand{font-size:17px}footer .logo{width:34px;height:34px}footer p{flex:1;margin:0;color:var(--soft)}.document{overflow-wrap:break-word;max-width:880px;margin:8px auto 72px;padding:40px 52px 56px;border-radius:32px;background:linear-gradient(170deg,rgba(59,44,88,.88),rgba(33,24,52,.92));box-shadow:0 24px 50px rgba(6,2,14,.5),inset 0 1px 0 rgba(255,255,255,.1)}.document>p:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:0}.document>p:first-child a{padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.document>p:first-child a:hover{background:rgba(255,255,255,.14)}.document h1{margin:20px 0 22px;font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:-1.4px}.document h2{margin:42px 0 12px;padding-top:24px;border-top:1px solid var(--line);font-size:27px;letter-spacing:-.6px}.document h3{margin:30px 0 8px;color:var(--honey);font-size:19px}.document h4{margin:24px 0 6px;font-size:16px}.document p,.document li{color:#e2d6ef}.document li{margin:8px 0}.document li::marker{color:var(--honey)}.document a{color:#ffd770}.document code{padding:.1em .4em;border-radius:6px;background:rgba(10,5,20,.45);color:#ffe2a0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.document pre{overflow:auto;padding:20px 22px;border-radius:18px;background:#140e22;font-size:13px;line-height:1.55;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.document pre code{padding:0;background:none;color:#f1e6ff}nav a,.secondary,.note a,footer>a,.document>p:first-child a{display:inline-flex;align-items:center;min-height:44px}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:44px;padding:28px 28px 64px}.launcher{max-width:560px;width:100%;justify-self:center}}@media (max-width:760px){header{padding:18px 20px}nav a{padding:0 14px;font-size:13px}.hero{padding:18px 20px 56px}.launcher{transform:none;padding:12px;border-radius:26px}.l-hero{gap:10px;padding:10px}.principles{grid-template-columns:1fr;gap:16px;padding:0 20px 20px}.principles::after{margin:-2px -6px 0}.makers{padding:52px 20px 44px}.cards{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:10px 20px;padding:24px 20px 36px}footer p{flex-basis:100%;order:3}.document{margin:0 12px 44px;padding:26px 22px 38px;border-radius:24px}}@media (max-width:420px){header{justify-content:center}h1{letter-spacing:-1.6px}.l-tabs span{width:34px}.actions .button,.actions .secondary{flex:1 1 100%;justify-content:center}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.cards>a:hover{transform:none}}