*{box-sizing:border-box}:root{color-scheme:dark;--text:#eee;--line:#323232;--lime:#fff}html{scroll-behavior:smooth}body{margin:0;background:#141414;color:#eee;font:16px/1.5 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}button{color:inherit}.header,main,footer{width:min(1440px,100%);margin:auto;padding-left:48px;padding-right:48px}.header{height:100px;display:flex;align-items:center;gap:70px}.brand{font-size:30px;letter-spacing:-1.8px;font-weight:750;display:flex;gap:10px;align-items:center}.brand-mark{font-weight:400;font-size:23px;color:#999}nav{display:flex;gap:8px}nav a{font-size:14px;padding:8px 18px;border-radius:25px;color:#aaa}nav a[aria-current="page"]{background:#eee;color:#171717}nav a span{font-size:12px;margin-left:6px;opacity:.6}.header-note{margin-left:auto;font:12px/1.5 monospace;letter-spacing:1.8px;color:#858585}.gallery-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 0 30px;gap:20px}.gallery-heading h1{font-size:21px;font-weight:400;letter-spacing:.2px;margin:0}.gallery-heading>span{font-size:13px;color:#909090}.gallery{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:28px 30px;align-items:stretch}.work{min-width:0}.work-game{grid-column:1;grid-row:1}.work-news{grid-column:1;grid-row:2}.work-tryon{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column}.visual{position:relative;display:block;width:100%;padding:0;border:0;border-radius:9px;overflow:hidden;cursor:pointer;text-align:left;background:#242424;isolation:isolate}.visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-visual{height:330px}.game-visual img{object-position:center}.news-visual{height:300px;padding:28px 24px 0;background:#242424}.news-visual img{object-position:top;border-radius:5px 5px 0 0;object-fit:cover;height:auto;min-height:100%;box-shadow:0 0 0 1px #444}.tryon-visual{flex:1;min-height:550px;background:#eeede8}.tryon-visual img{position:absolute;inset:0;object-fit:cover;object-position:50% 0}.visual-label{position:absolute;top:18px;left:18px;font:11px/1.3 monospace;letter-spacing:1px;color:#222;background:#ffffffe6;padding:7px 9px;border-radius:3px;z-index:1}.launch{position:absolute;right:18px;bottom:18px;padding:10px 15px;border-radius:30px;background:#151515ed;color:#fff;font-size:14px;box-shadow:0 2px 10px #0002;z-index:1}.visual:hover img{transform:scale(1.015)}.visual:hover .launch{background:#fff;color:#111}.caption{display:flex;justify-content:space-between;gap:12px;padding:17px 2px 0;align-items:baseline;min-height:78px}.caption h2{margin:0;font-size:17px;font-weight:500}.caption p{margin:5px 0 0;color:#929292;font-size:14px}.type{font:11px/1.4 monospace;color:#858585;white-space:nowrap}.collection-list{border-top:1px solid #363636;margin-top:15px}.collection-list article{display:flex;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid #363636}.collection-number{color:#777;font:14px monospace}.collection-list h2{margin:0 0 8px;font-size:22px;font-weight:400}.collection-list p{margin:0;color:#999}.collection-status{margin-left:auto;color:#999;font-size:14px}.collection-note{color:#777;font-size:14px;margin-top:28px}main{min-height:calc(100vh - 190px)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:52px;margin-bottom:25px;color:#747474;font-size:12px}footer>span:first-child{font:11px monospace;letter-spacing:1px}footer a:hover{color:#eee}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;color:#111;padding:12px}.skip:focus{top:10px}@media(min-width:1450px){.game-visual{height:360px}.news-visual{height:320px}}@media(max-width:900px){.header,main,footer{padding-left:24px;padding-right:24px}.header{gap:30px}.type{display:none}.game-visual{height:270px}.news-visual{height:240px}.gallery{gap:24px}.tryon-visual{min-height:500px}}@media(max-width:640px){.header{height:80px;justify-content:space-between;gap:16px}.header-note{display:none}.brand{font-size:27px}.gallery-heading{padding:18px 0 24px;align-items:flex-start;flex-direction:column;gap:8px}.gallery-heading h1{font-size:20px}.gallery{grid-template-columns:1fr;gap:30px}.work-game,.work-news,.work-tryon{grid-column:auto;grid-row:auto}.work-tryon{order:2}.work-news{order:3}.game-visual{height:auto;aspect-ratio:16/10}.news-visual{height:auto;aspect-ratio:16/11;padding:18px 16px 0}.tryon-visual{min-height:540px}.caption{min-height:0}.type{display:block;font-size:10px}.collection-list article{gap:16px}.collection-list p{font-size:14px}footer{flex-wrap:wrap;margin-top:40px;gap:12px}footer>span:first-child{display:none}.launch{font-size:13px}.visual-label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}}
button{font:inherit}button.site-preview{width:100%;padding:0;text-align:left;cursor:pointer}.experience-button{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:0;cursor:pointer;font-weight:700;font-size:14px}button:focus-visible{outline:3px solid #fff;outline-offset:5px}body.experience-open{overflow:hidden}#experience{width:min(1440px,96vw);height:92vh;height:92dvh;max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #50564c;border-radius:12px;background:#141614;color:var(--text);overflow:hidden}#experience::backdrop{background:#000c;backdrop-filter:blur(8px)}.experience-shell{height:100%;display:flex;flex-direction:column}.experience-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line)}.experience-toolbar h2{margin:0;font-size:18px}.experience-actions{display:flex;align-items:center;gap:20px;font-size:14px}.experience-actions button{background:#d7fc70;color:#172014;border:0;padding:8px 16px;border-radius:5px;cursor:pointer}#experience-stage{flex:1;min-height:0;background:#f5f5f5}#experience-stage iframe{display:block;border:0;width:100%;height:100%;background:#fff}.experience-help{margin:0;padding:7px 18px;color:#bcc3b5;font-size:12px;min-height:32px}@media(max-width:700px){#experience{width:100vw;height:100dvh;border:0;border-radius:0}.experience-toolbar{padding:10px 12px}.experience-toolbar h2{font-size:16px}.experience-actions{gap:12px}.experience-help{font-size:12px;line-height:1.5}}

.tryon-visual{display:flex;align-items:center;justify-content:center;padding:54px 28px 64px}.phone-preview{position:absolute;top:54px;left:28px;width:calc(100% - 56px);height:calc(100% - 118px);overflow:hidden;pointer-events:none}.tryon-visual:hover .phone-preview{transform:none}@media(max-width:640px){.phone-preview{left:24px;width:calc(100% - 48px);top:48px;height:calc(100% - 108px)}}

.work-commerce{grid-column:1/-1;grid-row:3}.commerce-visual{background:#fffbe6}.commerce-visual img{width:100%;height:auto;max-height:640px;object-fit:contain}.commerce-links{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.commerce-links a{font-size:14px;color:#ddd;border-bottom:1px solid #666;white-space:nowrap}#experience-stage>img{display:block;width:100%;height:100%;object-fit:contain;background:#222}@media(max-width:640px){.work-commerce{grid-column:auto;grid-row:auto;order:4}.work-commerce .caption{flex-direction:column}.commerce-links{align-items:flex-start}.commerce-links .type{display:none}}
.inline-experience{margin-top:14px;border:1px solid #444;border-radius:8px;background:#181818;overflow:hidden}.inline-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#aaa;font:13px monospace;border-bottom:1px solid #333}.inline-toolbar button{border:0;background:#eee;color:#111;border-radius:4px;padding:6px 10px;cursor:pointer}.inline-experience iframe{display:block;width:100%;height:620px;border:0;background:#fff}.inline-loading{padding:10px 14px;color:#999;font-size:13px}.inline-notice{min-height:260px;padding:70px 30px;text-align:center;color:#aaa}.inline-notice strong{color:#eee;font-size:20px}.inline-notice p{max-width:520px;margin:12px auto;line-height:1.7}@media(max-width:640px){.inline-experience iframe{height:68vh}.inline-notice{min-height:240px;padding:60px 20px}}
.project-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.external-link{font-size:13px;color:#ddd;border-bottom:1px solid #666;white-space:nowrap}.external-link:hover{color:#fff;border-color:#fff}@media(max-width:640px){.caption{align-items:flex-start}.project-actions{align-items:flex-start}.project-actions .type{display:none}}