/* Sculpted glass: thickness, reflected light, bevels and contact shadows. */
:root{--light-x:28%;--light-y:18%}#world{background:radial-gradient(ellipse at 50% 110%,#b7c4a844,transparent 56%),radial-gradient(ellipse at 15% 0%,#9ab7a466,transparent 60%),linear-gradient(135deg,#173e36,#0d2d28 55%,#23483b)}#world:after{background:radial-gradient(ellipse at 50% 96%,#bdd2b419,transparent 28%),linear-gradient(transparent 80%,#0d252ca0)}
.orb{border:1px solid #f7ffe4c0;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff 0%,#fffceca6 3%,#edffff20 13%,transparent 27%),radial-gradient(ellipse at 76% 79%,#ffdf8caa 0%,#ecedb237 15%,transparent 32%),radial-gradient(circle at 46% 41%,#97c3b122 22%,#dceac036 45%,#12372e9c 64%,#e9e5b78c 75%,#284a37 83%,#e4f4cfc4 94%,#142f28);box-shadow:inset 3px 5px 7px #ffffffaa,inset -5px -8px 10px #142d2de6,inset 10px -15px 19px #ddf6d571,inset -11px 12px 17px #fff5cf38,14px 26px 24px -9px #000c0c99,3px 5px 3px #041a2170,0 0 2px 2px #bcd1bd55;backdrop-filter:blur(3px) saturate(1.5);isolation:isolate;overflow:hidden}.orb:before{inset:7%;border:2px solid;border-color:#fffce799 #c7f4df18 #f5e3a3bb #edffe252;box-shadow:inset 0 -4px 7px #f3e4b850,0 4px 5px #05292270;transform:rotate(-32deg) scaleX(.88)}.orb:after{width:42%;height:17%;top:12%;left:13%;background:linear-gradient(#fffffff0,#e7fff931 65%,transparent);box-shadow:0 -2px 1px #fff8;border-radius:50%;filter:blur(.8px);transform:rotate(-36deg)}.orb span{background:linear-gradient(170deg,#fffdd9 10%,#d5bc73 33%,#fffbd0 48%,#8f8a59 65%,#f4eac3 78%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:1px 2px 1px #142e2980;filter:drop-shadow(0 1px 0 #ffffba6b);font-weight:600;opacity:1;transform:translateY(4px)}
.game-stage h1{color:#e2eee2;text-shadow:0 1px 0 #ffffff,0 2px 0 #a5bdb2,0 3px 0 #74958b,0 4px 0 #4b6f62,0 5px 0 #325646,1px 7px 2px #071e22,6px 14px 13px #001b1bab}.game-stage h1 em{color:#e8dba9;text-shadow:0 1px 0 #fff5d4,0 2px 0 #c9bd8f,0 3px 0 #a49460,0 4px 0 #746c45,0 5px 0 #4c5739,1px 7px 2px #071e22,6px 14px 13px #001b1bab}.game-stage .game-sub{text-shadow:0 2px 5px #092c25}
.game-start,.primary{position:relative;border-top:1px solid #fffbe8de;border-left:1px solid #fffbe885;border-right:1px solid #c5c9a94a;border-bottom:1px solid #72917f;box-shadow:inset 0 2px 2px #ffffff70,inset 0 -3px 5px #0a292c40,0 5px 0 #365443,0 7px 0 #132f29,0 20px 27px #001b2490;transform:perspective(800px) rotateX(5deg);transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#f5ffdb35,#cee3bf16 40%,#f3f6d631 49%,#a2b8a420 52%,#e2efcb24)}.primary{background:linear-gradient(165deg,#fff0c2,#ddc185 45%,#c4a164 48%,#efd49a 80%);border-bottom-color:#927840;box-shadow:inset 0 2px 2px #fff8,inset 0 -3px 4px #8c653944,0 4px 0 #7d7149,0 6px 0 #233c2c,0 14px 22px #001b2466}.game-start:hover,.primary:hover{transform:perspective(800px) rotateX(0deg) translateY(-3px);box-shadow:inset 0 2px 2px #fff8,0 6px 0 #466047,0 9px 0 #18352b,0 25px 30px #001b2480}.game-start:active,.primary:active{transform:translateY(4px);box-shadow:inset 0 2px 5px #0002,0 1px 0 #365443,0 5px 10px #001b2466}.primary:disabled{transform:none;box-shadow:none}
.bowl-wrap{filter:drop-shadow(12px 22px 12px #001a2488)}.bowl{background:linear-gradient(90deg,#132f2e 0%,#7caaa1 5%,#d6e8db 11%,#fcfff1 16%,#82a99a 24%,#2d574c 36%,#b0cabe 45%,#f6f4d9 51%,#79a795 62%,#274e40 73%,#e6f5dc 88%,#708d7a 96%,#172f28);border-color:#dbeddb;border-top:0;box-shadow:inset 0 8px 7px #ffffff61,inset 0 -16px 20px #032925cc,inset 2px 0 3px #fff,0 3px 0 #a9c5b2,0 8px 0 -3px #244331,0 11px 0 -5px #d4dfbd,0 21px 18px -10px #021d23;border-radius:9% 9% 48% 48% / 17% 17% 85% 85%}.bowl:before{height:50px;top:-19px;border:5px solid #bfcec0;background:radial-gradient(ellipse at 50% 10%,#021a19 15%,#446f5e 49%,#c0d7ba 69%,#122e23 78%,#f1f7d9 86%,#55745b);box-shadow:inset 0 4px 7px #001716e6,inset 0 -3px 2px #ffffd980,0 -2px 0 #f8ffe9,0 3px 0 #2f493a,0 5px 4px #072820b0}.bowl:after{color:#e0e6bd;text-shadow:0 1px 0 #ffffdc,1px 2px 0 #446248,2px 4px 3px #102d28;font-weight:600}.bowl-glow{background:radial-gradient(ellipse,#fff6bc30,transparent 65%)}
.game-playing .quiz,.glass,.chapter-card,.reveal-card,.game-result .result-top,.course{background:linear-gradient(135deg,#bbd5b923,#183c32cf 48%,#82aa8520);border:1px solid;border-color:#f0f7d475 #bacdb937 #46665380 #d2e5c35c;box-shadow:inset 0 2px 2px #e6ffe534,inset 0 -3px 7px #011b1b40,0 5px 0 #234a3ba6,0 7px 0 #061d1c99,12px 24px 40px #00171966;backdrop-filter:blur(22px)}.game-playing .option{background:linear-gradient(145deg,#e4f2d61c,#76988312 43%,#cbe4cb14);border-color:#ecf5d878 #a8c2af40 #1b3e33 #b8d2b755;box-shadow:inset 0 2px 2px #f3ffdd24,inset 0 -2px 3px #021e1944,0 4px 0 #0b2b23,0 7px 12px #031f1c44;transition:transform .2s,box-shadow .2s}.game-playing .option:hover{transform:translateY(-3px);box-shadow:inset 0 2px 2px #ffffda60,0 6px 0 #234538,0 14px 15px #011d2466}.game-playing .option.selected{transform:translateY(2px);background:linear-gradient(135deg,#e6d98d40,#a7a66d20);box-shadow:inset 0 2px 5px #0f261f80,inset 0 0 15px #e4d99915,0 1px 0 #b3be85;border-color:#f0dc9b99}.option .letter{box-shadow:inset 0 2px 4px #061e2666,0 1px 0 #e8efd44a}.scene-icon{box-shadow:inset 0 3px 5px #f9ffdf80,inset -4px -6px 9px #021f2699,3px 7px 0 #1a3e32,7px 13px 13px #011c2455;text-shadow:2px 5px 3px #04212c66}.chapter-symbol,.score-ring{background:radial-gradient(ellipse at 28% 16%,#fffde96b,transparent 25%),radial-gradient(circle at 65% 70%,#dbc9784a,#3a625047 53%,#ecf4b555 77%,#0a2e24 89%);border:1px solid #ebf6cdab;box-shadow:inset 3px 5px 5px #ffffff90,inset -5px -7px 10px #002524cc,inset 0 -10px 20px #ebd89c50,9px 17px 23px #001c2488;text-shadow:1px 3px #51613b,3px 6px 5px #132e21}.collection i.filled{box-shadow:inset 1px 2px 2px #fffbe5,inset -1px -2px 2px #5c522a,2px 4px 3px #001e2080,0 0 12px #e8c86544}.toy-tools button,.seal{box-shadow:inset 0 1px 1px #fff6,0 3px 0 #062c23,0 6px 9px #001d2344}.game-playing .quiz,.chapter-card,.reveal-card{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 40%;transition:transform .18s ease-out}.game-playing .quiz>*{position:relative}.game-playing .quiz .scene{transform:translateZ(15px)}@media(max-width:700px){.bowl:before{height:37px;top:-14px;border-width:4px}.game-stage h1{font-size:43px;text-shadow:0 1px #fff,0 2px #afc6b8,0 3px #5f8273,0 4px #365441,3px 9px 9px #001d1bc0}.game-playing .option:hover{transform:none}.game-playing .quiz,.chapter-card,.reveal-card{transform:none}.orb{backdrop-filter:none}.game-start{font-size:15px}}@media(prefers-reduced-motion:reduce){.game-playing .quiz,.chapter-card,.reveal-card{transform:none!important}}